div, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summatry,
time, mark, audio, video
{
	margin: 0px;
	padding: 0px;
	border: 0;
}

#hko_nav_bar li a, tr.side td a:link
{
	font-family: Arial, "Microsoft JhengHei"!important;
}

#main_content_wrapper
{
	position: relative; 
	overflow: hidden; 
	width: 100%; 
	min-height: 1000px;
}
#main_content
{
	position: absolute; 
	width: 965px;
}
#current_date
{
    bottom: 0px;
    right: 0px;
	font-size: 14px;
	line-height: 18px;
	text-align: right;
}
#current_date a
{
	text-decoration: none;
	color: black;
}
#current_date a:hover
{
	text-decoration: underline;
}
#current_date span
{
	text-decoration: none;
}

#head_content
{
	position: relative;
	margin: 22px;
	width: 965px;
	margin-left: -5px;
	margin-top: 0px;
	margin-bottom: 0px!important;
}
#left_content
{
	float:left;
	overflow: hidden;
	width: 658px;
	text-align: left;
}
#right_content
{
	float:right;
	overflow: hidden;
	margin-left: 0px;
	width: 300px;
	text-align: left;
}

#current_uv
{
	width: 100%;
	font-size: 75%;
	margin-bottom: 10px!important;
}

.updated_time
{
	float: right;
	font-style: italic;
	font-size: 75%;
	margin-bottom: 10px!important;
}

.news_title
{
	display: block;
	font-weight: bold;
	margin-bottom: 10px;
	color: #0234FF;
}

.MainHeaderText {
font-size: 100%;
padding-left: 8px!important;
color: #FFF;
}
#warning_icon a
{
	font-size: 75%;
	color: black;
	text-decoration: none;
}
#warning_icon a:hover
{
	text-decoration: underline;
}

#multidisplay_panel {
	position: relative;
	width: 658px;
	margin-top: 5px;
	/*background-color: #CCC;*/
}

#fnd
{
	position: relative;
	margin-top: 5px;
	height: 265px;
}
#fnd img
{
	/*
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
	*/
	-webkit-border-radius: 15%;
	-moz-border-radius: 15%;
	border-radius: 15%;
	border: 4px solid white;
	/*
	-webkit-box-shadow: 0 0 0 3px #FFF, 0 0 0 4px #999, 0 2px 5px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 0 3px #fff, 0 0 0 4px #999, 0 2px 5px 4px rgba(0,0,0,.2);
	box-shadow: 0 0 0 3px #FFF, 0 0 0 4px #999, 0 2px 5px 4px rgba(0, 0, 0, 0.2);
	*/
}
.fnd_hu
{
	display: inline-block;
	padding: 0px 2px;
}
#fnd_title
{
	height: 30px; /*section_title*/
	line-height: 30px; /*section_title*/
	font-size: 18px;
	color: #FFF;
	padding-left: 10px
}

#fnd_date, #flw_date
{
	/*
	display: inline-block;
	float: right;
	*/
	padding-right: 10px;
	line-height: 30px; /*section_title*/
	font-size: 1em;
    color: #1b5397;
    font-weight: bold;
    font-style: italic;
	text-align: right;
	display: block;
}
#fnd_date{
	padding-right: 20px;
}
#fnd_content
{
	background-color: #EAEAEA;
	padding: 5px 3px 0px 5px;
	height: 230px;
}
#fnd .fnd_day
{
	float: left;	
	width: 70px;
	height: 195px;
	padding-top: 13px;
	padding-bottom: 15px;
	margin-left: 1px;
	margin-right: 1px;
	color: #007b99;
	text-align: center;
}
#fnd .fnd_day:nth-child(odd) 
{
	background: url(/content_elements_v2/images/9dayBG.png) no-repeat;
}
#fnd .fnd_day:nth-child(even) 
{
	background: url(/content_elements_v2/images/9dayBG2.png) no-repeat;
}
#fnd .fnd_date, #fnd .fnd_day_textual, #fnd  .fnd_temp, #fnd  .fnd_rh
{
	line-height: 24px;
	font-size: 16px;	
}
#fnd .fnd_wxicon
{	
	height: 100px;
	width: 70px;
	display:table-cell;
	vertical-align:middle; 
	text-align: center;
}

#fnd .fnd_wxicon img
{
    display: inline;
	margin: 0 auto;
	width: 52px;
}

#climate_content {
	position:relative;
	overflow: hidden;
}

#climate
{
	position: relative;
	margin-top: 5px;
	border:solid 1px #5cadd6;	
}
#climate_title
{
	background-color: #0572F9;
	height: 30px; /*section_title*/
	line-height: 30px; /*section_title*/
	font-size: 18px;
	color: #FFF;
	padding-left: 10px
}
.climate_highlight
{
	background-color: #CBDDEE;
	display: none;
}
#climate_hightlight_content
{
	padding: 10px 15px;
	padding-bottom: 10px;
	font-weight: normal;
	height: 215px;	
}
#climate_hightlight_content *
{
	font-size: 16px;
}
#hko_news
{
	display: inline-block;
	position: relative;
	margin-top: 5px;
}

#whatsnews_title, #sidelights_title, #hkoblog_title
{
	position: relative;
	line-height: 30px; /*section_title*/
	color: #FFF;
	font-size: 18px;
	padding-left: 10px;
	/*background-color: #3081E5;*/
	background-color: #337fcc;

}
/*
#sidelights_title
{
	background-color: #3096E5;
}

#hkoblog_title
{
	background-color: #30A7E5;
}
*/
/*
.news_more{	
	background-color: #FFF;
	color: #337FCC!important;
	font-size: 12px;
	line-height: 18px;
	display: inline-block;
	padding: 1px 4px;
	top: 3px;
	position: absolute;
	right: 3px;
	background-image: url(../images/news_point_blue.png);
	background-repeat: no-repeat;
	background-position: right 3px center;
	padding-right: 12px;
	border: 2px solid #4b98e6;
	border-radius: 4px;
}
*/
.news_more
{
	color: #337FCC!important;
	font-size: 12px;
	line-height: 18px;
	display: inline-block;
	width:90%;
	text-align: center;
	background-image: url(../images/news_point_blue.png);
	background-repeat: no-repeat;
	background-position: right 60px center;
	border: 1px solid #4b98e6;
	border-radius: 4px;
	text-decoration: none;
}
.news_more:hover
{
	text-decoration: underline!important;
}
.hko_news_img_split {
	height: 6px; 
	width: 201px;   
	margin: 0px auto;
	background:url(../images/news_shadow_photo.png) no-repeat;
	-ms-high-contrast-adjust: none;
}
.hko_news_img
{
	height: 159px;
	overflow: hidden;
	background-size: 95%;
	background-position: center bottom;
	background-repeat: no-repeat;
}


.forecaster_blog_item_split
{
	margin: 8px 5px 8px 5px;
	border-bottom: 1px solid #EEE;
	border-top: 1px solid #dfdfdf;
}

.forecaster_blog_img_split {
	height: 6px; 
	width: 201px;   
	margin: 0px auto;
	background:url(../images/news_shadow_photo.png) no-repeat;
	-ms-high-contrast-adjust: none;
}




.hko_news_item_date
{
	font-size: 100%;
	font-style: italic;
	line-height: 28px;
	display: none;
}
.hko_news_item_split
{
	margin: 8px 5px 8px 5px;
	border-bottom: 1px solid #EEE;
	border-top: 1px solid #dfdfdf;
}
.hko_news_item_end
{
	position: relative;
	text-align: center;
	padding-bottom: 7px;
}
.weather_bg
{
	background-color: #FC9B28;
}

#wxcurr
{
	position: relative;
	height: 180px;
	margin-top: 5px;
	padding: 8px;
}

#wxcurr_wxicon
{
	width: 130px;
	height: 120px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #FFF;
	font-weight: bold;
}
#wxcurr_wxicon img
{
	width: 104px;
	-webkit-border-radius: 10%;
	-moz-border-radius: 10%;
	border-radius: 10%;
	-webkit-box-shadow: 0 0 0 3px #FFF, 0 0 0 4px #999, 0 2px 5px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 0 3px #fff, 0 0 0 4px #999, 0 2px 5px 4px rgba(0,0,0,.2);
	box-shadow: 0 0 0 3px #FFF, 0 0 0 4px #999, 0 2px 5px 4px rgba(0, 0, 0, 0.2);

}
#wxcurr_hko
{
	position:absolute;
	top: 8px;
	right: 8px;
	width: 150px;
	font-size: 16px;
	line-height: 22px;
}

#wxcurr_uv, #wxcurr_date
{
	clear: both;
	font-size: 16px;
	line-height: 18px;
	white-space: nowrap;
}
#wxcurr_uv a
{
	text-decoration: none;
	color: black;
}
#wxcurr_uv a:hover
{
	text-decoration: underline;
}
#wxcurr_date, #wxcurr_uv_date
{
	font-size: 12px;	
	font-style:italic;
	float: right;
	white-space: nowrap;
}
#wxcurr_uv_date
{
	display: none;
}
#wxcurr_date
{
	text-align: left;
}

#flw
{
	position: relative;
	margin-top: 5px;
	text-align: left;
	padding: 1px;
}
#flw_title
{	
	height: 27px;
	line-height: 27px;
	padding-left: 9px;
	font-size: 18px;
	color: #FFF;
}
#ahko_title a, #flw_title a, #fnd_title a, #whatsnews_title a, #sidelights_title a, #hkoblog_title a, #astro_title a, #tide_title a, #earthquake_title a, #warning_icon_title a
{
	text-decoration: none;
	color: #FFF;
}
#ahko_title a:hover, #flw_title a:hover, #fnd_title a:hover, #whatsnews_title a:hover, #sidelights_title a:hover, #hkoblog_title a:hover, #astro_title a:hover, #tide_title a:hover, #earthquake_title a:hover, #warning_icon_title a:hover
{
	text-decoration: underline;
}
.swt_title_a
{
	cursor: pointer;
}
.swt_title_a:hover
{
	text-decoration: underline;
}

#flw_content
{
	padding: 8px;
	min-height: 160px;
	color: #333;
	background-color: #FFF;
  line-height:normal;  
}



#youtube, #wx_imagery
{
	position: relative;
	margin-top: 5px;
	/*background: #5CADD6;*/
	background: #337FCC;
}
#youtube_control div

{
	padding-bottom: 2px;
}
#youtube_control div, #imagery_control div
{
	float: left;
	height: 47px;
	width: 80px;	
	text-align: center;
	cursor: pointer;
	color: #FFF;
	padding-left: 9px;
	padding-right: 10px;
	padding-top: 2px;
    font-size: 18px;
	line-height: 24px;
}
#imagery_control div
{
	height: 30px;
}
#climate_title div:hover
{
	background: #FFC200;
	color: #000;
}
#youtube_control div.active, #imagery_control div.active, #climate_title div.active
{
	background: #337FCC!important;
	background: #13A88A!important;
	color: white!important;
	/*
	background: #FFC200!important;
	color: #000!important;*/
}

#youtube_control div:hover, #imagery_control div:hover, #climate_title div:hover
{
	/*background: #FFC200;
	color: #000;*/
	/*background: #13a88a;*/
	background: #16CBAC; 
	color: white;
	/*
	background: #337FCC;
	color: white;
	*/
}

#youtube_window, #imagery_window
{
	position: relative;
	width: 300px; 
	height: 200px;
	clear:both;
	background: #000000;
}

#imagery_control div
{
	line-height: 30px;
	padding-top: 0px;
}
#imagery_window
{
	height: 250px;
}

#astro_tide
{	
	position: relative;
	margin-top: 5px;
	height: 196px;
	overflow: hidden;	
}
#astro, #tide
{
	float: left;
	height: 45px;
	width: 149px;
	text-align: left;
	font-size: 18px;
	color: #FFF;
	line-height: 30px;
}

#tide {
	border-left: 1px solid #FFF; 
}

#tide #tide_content {
	background-color: #E6E6E6; height: 165px;
}

#astro #astro_content{
	background-color: #D4D4D4; height: 165px;
}
#astro_title
{
	background-color: #337FCC;
	padding-left: 10px;
}
#tide_title
{
	background-color: #5CADD6;
	padding-left: 10px;
}
#related_links
{
	position: relative;
	margin-top: 5px;
	background-color: #E6E6E6;
}
#earthquake, #social_network
{
	position: relative;
	margin-top: 5px;
	background-color: #E6E6E6;
}
#earthquake img {
	display: inline-block;
    vertical-align: middle;
	margin-left: 5px;
}
#earthquake_title, #social_network_title, #related_links_title
{
	height: 30px;
	line-height: 30px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #2B76E7;
	font-size: 18px;
	color: #FFF;
}
#related_links_content {
	padding: 5px 15px 5px 15px;
	height: 160px;
	overflow-y: auto;
}
#related_links_title
{
	background-color: rgb(51, 127, 204);
}
#related_links_content ul li
{
	margin-left: -10px;
	background-image: url(../images/news_point_blue.png);
	background-repeat: no-repeat;
	list-style-type:none;
	background-position: 2px 8px;
	padding-left: 15px;	
}

#related_links_content li a:hover {
	text-decoration: underline;
}
#related_links_content  li a {
	text-decoration: none;
	color: #000;
	font-size: 100%;
	line-height: 150%;
}

#social_network_content
{
	position: relative;
	padding: 10px 10px 10px 10px;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background-color: white;
}
#social_network_content img
{
	width: 52px;
}

#climate_title
{
	/*background-color: #5CADD6;*/
	background-color: #337FCC;
	padding-left: 0px;
}
#climate_title div
{
	float: left;
	float: left;
	text-align: left;
	cursor: pointer;
	color: #FFF;
	padding: 0px 20px;
}

#adv 
{
  position: relative;
  overflow: hidden;  
  margin: 5px auto 0 auto;
  width: 300px;
  height: 102px!important;
}

#adv ul
{
  position: relative;
  list-style: none;
}

#adv ul li 
{
  position: relative;
  display: block;
  float: left;
  text-align: center;
  height: 45px;
}
#adv img{
	float:left; 
	width: 148px;
	height: 45px;
	vertical-align:top;
	border:0;
	margin-top:2px;
}
#adv ul li a:first-child img, #adv ul li a:first-child img
{
	margin-right: 4px;
}

/*Urgent Message*/
#ahko
{
	position: relative;
	margin-top: 5px;
	text-align: left;
	padding: 1px;
	background: #fb9c28;
}
#ahko_title
{	
	/*height: 27px;*/
	/*line-height: 27px;*/
	padding-left: 9px;
	font-size: 18px;
	color: #FFF;
}
#ahko_date {
	font-size:100%; 
	padding-right: 10px;
	line-height: 30px;
	font-size: 14px!important;
	font-style: italic;
	right: 0px;
	/*top: 52px;float: right;display: inline;margin-bottom:20px;position: absolute;*/
	text-align: right;
}  
#ahko_content
{
	padding: 8px;
	/*min-height: 160px;*/
	color: #333;
	background-color: #FFF;
  line-height:normal;  
}
/*Urgent Message*/

/*Warnings Icons*/
#warning_icon
{
	position: relative;
	/*margin-top: 5px;*/
}
#warning_icon_title
{
	/*background: url(../images/content_images/title.jpg) right no-repeat #FE0000;*/
	background: url(/content_elements_v2/images/title.png) no-repeat;
	padding-left: 10px;
	height: 21px;
	width: 648px;	
	color: #FFF;
	font-size:18px;
	margin-top: 5px;
	margin-bottom: 0px!important;
}
#warning_icon_content
{
	background-color: #FFF4EC;
	border: 1px solid #D70000;
	padding: 5px 10px 5px 10px;
	font-size: 14px;
	height: 70px;
}

#warning_icon_content a
{	
	vertical-align: middle;
	display: inline-block;
}
#warning_icon_content a img
{
	width: 50px;
	height: 50px;
	border: 5px rgba(93, 93, 93, 0.05) solid;
	border-radius: 10%;
	/*background: url(../images/warn800_01_tc1.png) no-repeat;*/
	display: inline-block;
	margin-right: 10px;
	position: relative;
	top: 6px;
}

/*
#warning_icon_content ul {
	display: inline-block;
	text-align: left;	
	margin-left: 20px;
	vertical-align: middle;
}

#warning_icon_content ul > li {
	list-style-type: none;
	text-transform: capitalize;
	list-style: none;
}
#warning_icon_content ul > li > span
{
	color: #166A89;
	font-size: 12px;
}
*/
/*
#warning_icon_content ul {
	position: absolute;
	display: inline-block!important;
	text-align: left;	
	margin-left: 20px;
	vertical-align: middle;
	right: 6px;
}

#warning_icon_content ul > li {
	display: inline-block;
	list-style-type: none;
	text-transform: capitalize;
	list-style: none;
	width:90;
	height: 50px;
	background-color: #5CADD6;
	text-align: center;
}
#warning_icon_content ul > li:first-child
{
	border-right: 1px solid white;
}
#warning_icon_content ul > li  > a
{
	color: white!important;
	margin-top: 8px;
	line-height: 150%;
	padding: 0px 15px;
}
#warning_icon_content ul > li > span
{
	display: none;
	color: #166A89;
	font-size: 12px;
}
*/

#swt
{
	position: relative;
	margin-top: 5px;
	display: none;
}

#swt_title
{
	background: url(/content_elements_v2/images/title.png) right ;	
	height: 22px;
	width: 348px;
	font-size: 18px;
	color: #FFF;
	display: inline-block;
	padding-left: 5px;
	line-height: 22px;
}

#swt_title a
{
	width: 12px;
	height: 12px;
	float: right;
	margin-left: 10px;
	margin-top: 4px;
	cursor: pointer;
	color: white;
	line-height: 15px;
	text-decoration: none;
	font-size: 100%;
	font-family: arial!important;
	display: none;
}
#swt_title a:first-child
{
	margin-right: 30px;
	margin-left: 10px;
}
#swt_content
{
	background-color: #FFF4EC;
	border: 1px solid #D70000;
	padding: 5px 10px 5px 10px;
	font-size: 100%;
}

#swt_content ul, #swt_content li
{
	height: 63px!important;
	overflow: hidden;
	font-size: 16px;
}

#rainstorm, #tcwarning, #tcbulletin
{
	position: relative;
	margin-top: 5px;
	background-color: #D70000;
	/*padding: 1px;*/
	border: 1px solid #D70000;
	padding-top: 0px;
}
#rainstorm_title, #tcwarning_title, #tcbulletin_title
{
	height: 30px; /*section_title*/
	line-height: 30px; /*section_title*/
	font-size: 18px;
	color: #FFF;
	padding-left: 10px;
}
#tcwarning_title td
{
	color: white;
}
#rainstorm_date, #tcwarning_date, #tcbulletin_date {
	display: inline-block;
	float: right;
	padding-right: 10px;
	line-height: 30px; /*section_title*/
  font-size:100%;
}
#rainstorm_content, #tcwarning_content, #tcbulletin_content
{
	background-color: white;
	padding: 12px;
}
#rainstorm_content p, #tcwarning_content p, #tcbulletin_content p
{
	margin-bottom: 10px;
	line-height: 20px;
	max-height: 999999px; /*Fix font size in mobile device*/
}

#rainstorm_content
{
	max-height: 178px;
	overflow: auto;
}
#rainstorm_content .more_content
{
	display: block!important;
}
#rainstorm_content .more_control
{
	display: none;
}

#tcbulletin_content a
{
	text-decoration: none;
}
#tcbulletin_content a:hover
{
	text-decoration: underline;
}

.show_more
{
	position: relative;
}

.show_more > .more_control a
{
	display: block;
	text-align: right;
	margin-top: -7px;
	background: white;
}
.more_content
{	
	width: 100%;
	display: none;
}

.trigger_link_uc
{
	display: inline-block;
	color: #024ED5;
	cursor: pointer;
}
.trigger_link_uc:hover
{
	text-decoration: underline;
}

#GeneralSituation_content, #fnd_general
{
	display: none;
	padding-top: 5px;
}
body.englishVersion #fnd_general {
	margin-top: 1em;
}

.flw_more_show
{
	display: none;
}

.flw_date
{
	font-size:100%; 
	margin-bottom:20px;
	display: inline;
	float: right;
	padding-right: 10px;
	line-height: 30px;
	font-size: 14px!important;
	font-style: italic;
	position: absolute;
	right: 0px;
	top: 0;
}  

#GeneralSituation{
	margin:12px; 
	font-size:100%;
	position: absolute;
	right: 0;
	top: 0;
	color: #ffffff;
    background-color: #1e69aa;
    border-radius: 25px;
    padding: 5px 10px 5px 10px;
}  
#GeneralSituation.open{
	background-color: #3692f9;
}
#flw_content p
{
  margin-bottom:10px;
  font-size:100%;
  text-align: justify;
  max-height: 999999px; /*Fix font size in mobile device*/
}

.newsticker li a { text-decoration:none !important; color:#000000;}

#imagery_window img
{
  /*width: 320;
  height: 250;*/
}
#animate_control 
{
  position: absolute;
  bottom: 5px;
  right: 10px;
}
#animate_control.lightning
{
	background: none;
	width: auto;
}
#animate_control .play
{
  position: relative;
  display: inline-block;
  width: 105px;
  height: 26px;
  color: #FFD800;
  vertical-align: middle;
  line-height: 8px;
  cursor: pointer;
  display: none;
  background:url(/content_elements_v2/images/imagery_animate_uc.png) center no-repeat;
}
#animate_control .played
{
	background:url(/content_elements_v2/images/imagery_play.png) center no-repeat;
	width: 15px!important;
}
#animate_control .pause
{
	background:url(/content_elements_v2/images/imagery_pause.png) center no-repeat;
	width: 15px!important;
}
#animate_control 
{
	background:url(/content_elements_v2/images/imagery_play_bg.png) center no-repeat;
	background-size: 100% 100%;
	padding: 0px 8px;
	width: 105px;
}
#animate_control  .slider_helper
{
	background-color: #ffaa13!important;
	height: 5px!important;
}
#animate_control  .slider
{
	margin-bottom: 2px;
	margin-left: 9px;
	width: 68px;
	background-color: #babbc1!important;
	height: 5px;
}
#animate_control .ui-slider-handle
{
	width: 8px!important;
	height: 14px!important;
	border: 1px solid #1C94C4;
}

/*! jQuery UI - v1.9.0 - 2012-10-08
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright (c) 2012 jQuery Foundation and other contributors Licensed MIT */.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{position:absolute!important;clip:rect(1px);clip:rect(1px,1px,1px,1px)}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{zoom:1}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.slider_theme .ui-widget{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:0.5em}.slider_theme .ui-widget .ui-widget{font-size:1em}.slider_theme .ui-widget input,.slider_theme .ui-widget select,.slider_theme .ui-widget textarea,.slider_theme .ui-widget button{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1em}.slider_theme .ui-widget-content{border:1px solid #ddd;background:#eee url() 50% top repeat-x;color:#333}.slider_theme .ui-widget-content a{color:#333}.slider_theme .ui-widget-header{border:1px solid #e78f08;background:#f6a828 url() 50% 50% repeat-x;color:#fff;font-weight:bold}.slider_theme .ui-widget-header a{color:#fff}.slider_theme .ui-state-default,.slider_theme .ui-widget-content .ui-state-default,.slider_theme .ui-widget-header .ui-state-default{border:1px solid #ccc;background:#C4C4C4;font-weight:bold;color:#1c94c4}.slider_theme .ui-state-default a,.slider_theme .ui-state-default a:link,.slider_theme .ui-state-default a:visited{color:#1c94c4;text-decoration:none}.slider_theme .ui-state-hover,.slider_theme .ui-widget-content .ui-state-hover,.slider_theme .ui-widget-header .ui-state-hover,.slider_theme .ui-state-focus,.slider_theme .ui-widget-content .ui-state-focus,.slider_theme .ui-widget-header .ui-state-focus{border:1px solid #fbcb09;background:#fdf5ce url() 50% 50% repeat-x;font-weight:bold;color:#c77405}.slider_theme .ui-state-hover a,.slider_theme .ui-state-hover a:hover{color:#c77405;text-decoration:none}.slider_theme .ui-state-active,.slider_theme .ui-widget-content .ui-state-active,.slider_theme .ui-widget-header .ui-state-active{border:1px solid #fbd850;background:#fff url() 50% 50% repeat-x;font-weight:bold;color:#eb8f00}.slider_theme .ui-state-active a,.slider_theme .ui-state-active a:link,.slider_theme .ui-state-active a:visited{color:#eb8f00;text-decoration:none}.slider_theme .ui-state-highlight,.slider_theme .ui-widget-content .ui-state-highlight,.slider_theme .ui-widget-header .ui-state-highlight{border:1px solid #fed22f;background:#ffe45c url() 50% top repeat-x;color:#363636}.slider_theme .ui-state-highlight a,.slider_theme .ui-widget-content .ui-state-highlight a,.slider_theme .ui-widget-header .ui-state-highlight a{color:#363636}.slider_theme .ui-state-error,.slider_theme .ui-widget-content .ui-state-error,.slider_theme .ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#b81900 url() 50% 50% repeat;color:#fff}.slider_theme .ui-state-error a,.slider_theme .ui-widget-content .ui-state-error a,.slider_theme .ui-widget-header .ui-state-error a{color:#fff}.slider_theme .ui-state-error-text,.slider_theme .ui-widget-content .ui-state-error-text,.slider_theme .ui-widget-header .ui-state-error-text{color:#fff}.slider_theme .ui-priority-primary,.slider_theme .ui-widget-content .ui-priority-primary,.slider_theme .ui-widget-header .ui-priority-primary{font-weight:bold}.slider_theme .ui-priority-secondary,.slider_theme .ui-widget-content .ui-priority-secondary,.slider_theme .ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.slider_theme .ui-state-disabled,.slider_theme .ui-widget-content .ui-state-disabled,.slider_theme .ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.slider_theme .ui-icon{width:16px;height:16px;background-image:url()}.slider_theme .ui-widget-content .ui-icon{background-image:url()}.slider_theme .ui-widget-header .ui-icon{background-image:url()}.slider_theme .ui-state-default .ui-icon{background-image:url()}.slider_theme .ui-state-hover .ui-icon,.slider_theme .ui-state-focus .ui-icon{background-image:url(g)}.slider_theme .ui-state-active .ui-icon{background-image:url()}.slider_theme .ui-state-highlight .ui-icon{background-image:url()}.slider_theme .ui-state-error .ui-icon,.slider_theme .ui-state-error-text .ui-icon{background-image:url()}.slider_theme .ui-icon-carat-1-n{background-position:0 0}.slider_theme .ui-icon-carat-1-ne{background-position:-16px 0}.slider_theme .ui-icon-carat-1-e{background-position:-32px 0}.slider_theme .ui-icon-carat-1-se{background-position:-48px 0}.slider_theme .ui-icon-carat-1-s{background-position:-64px 0}.slider_theme .ui-icon-carat-1-sw{background-position:-80px 0}.slider_theme .ui-icon-carat-1-w{background-position:-96px 0}.slider_theme .ui-icon-carat-1-nw{background-position:-112px 0}.slider_theme .ui-icon-carat-2-n-s{background-position:-128px 0}.slider_theme .ui-icon-carat-2-e-w{background-position:-144px 0}.slider_theme .ui-icon-triangle-1-n{background-position:0 -16px}.slider_theme .ui-icon-triangle-1-ne{background-position:-16px -16px}.slider_theme .ui-icon-triangle-1-e{background-position:-32px -16px}.slider_theme .ui-icon-triangle-1-se{background-position:-48px -16px}.slider_theme .ui-icon-triangle-1-s{background-position:-64px -16px}.slider_theme .ui-icon-triangle-1-sw{background-position:-80px -16px}.slider_theme .ui-icon-triangle-1-w{background-position:-96px -16px}.slider_theme .ui-icon-triangle-1-nw{background-position:-112px -16px}.slider_theme .ui-icon-triangle-2-n-s{background-position:-128px -16px}.slider_theme .ui-icon-triangle-2-e-w{background-position:-144px -16px}.slider_theme .ui-icon-arrow-1-n{background-position:0 -32px}.slider_theme .ui-icon-arrow-1-ne{background-position:-16px -32px}.slider_theme .ui-icon-arrow-1-e{background-position:-32px -32px}.slider_theme .ui-icon-arrow-1-se{background-position:-48px -32px}.slider_theme .ui-icon-arrow-1-s{background-position:-64px -32px}.slider_theme .ui-icon-arrow-1-sw{background-position:-80px -32px}.slider_theme .ui-icon-arrow-1-w{background-position:-96px -32px}.slider_theme .ui-icon-arrow-1-nw{background-position:-112px -32px}.slider_theme .ui-icon-arrow-2-n-s{background-position:-128px -32px}.slider_theme .ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.slider_theme .ui-icon-arrow-2-e-w{background-position:-160px -32px}.slider_theme .ui-icon-arrow-2-se-nw{background-position:-176px -32px}.slider_theme .ui-icon-arrowstop-1-n{background-position:-192px -32px}.slider_theme .ui-icon-arrowstop-1-e{background-position:-208px -32px}.slider_theme .ui-icon-arrowstop-1-s{background-position:-224px -32px}.slider_theme .ui-icon-arrowstop-1-w{background-position:-240px -32px}.slider_theme .ui-icon-arrowthick-1-n{background-position:0 -48px}.slider_theme .ui-icon-arrowthick-1-ne{background-position:-16px -48px}.slider_theme .ui-icon-arrowthick-1-e{background-position:-32px -48px}.slider_theme .ui-icon-arrowthick-1-se{background-position:-48px -48px}.slider_theme .ui-icon-arrowthick-1-s{background-position:-64px -48px}.slider_theme .ui-icon-arrowthick-1-sw{background-position:-80px -48px}.slider_theme .ui-icon-arrowthick-1-w{background-position:-96px -48px}.slider_theme .ui-icon-arrowthick-1-nw{background-position:-112px -48px}.slider_theme .ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.slider_theme .ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.slider_theme .ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.slider_theme .ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.slider_theme .ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.slider_theme .ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.slider_theme .ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.slider_theme .ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.slider_theme .ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.slider_theme .ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.slider_theme .ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.slider_theme .ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.slider_theme .ui-icon-arrowreturn-1-w{background-position:-64px -64px}.slider_theme .ui-icon-arrowreturn-1-n{background-position:-80px -64px}.slider_theme .ui-icon-arrowreturn-1-e{background-position:-96px -64px}.slider_theme .ui-icon-arrowreturn-1-s{background-position:-112px -64px}.slider_theme .ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.slider_theme .ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.slider_theme .ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.slider_theme .ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.slider_theme .ui-icon-arrow-4{background-position:0 -80px}.slider_theme .ui-icon-arrow-4-diag{background-position:-16px -80px}.slider_theme .ui-icon-extlink{background-position:-32px -80px}.slider_theme .ui-icon-newwin{background-position:-48px -80px}.slider_theme .ui-icon-refresh{background-position:-64px -80px}.slider_theme .ui-icon-shuffle{background-position:-80px -80px}.slider_theme .ui-icon-transfer-e-w{background-position:-96px -80px}.slider_theme .ui-icon-transferthick-e-w{background-position:-112px -80px}.slider_theme .ui-icon-folder-collapsed{background-position:0 -96px}.slider_theme .ui-icon-folder-open{background-position:-16px -96px}.slider_theme .ui-icon-document{background-position:-32px -96px}.slider_theme .ui-icon-document-b{background-position:-48px -96px}.slider_theme .ui-icon-note{background-position:-64px -96px}.slider_theme .ui-icon-mail-closed{background-position:-80px -96px}.slider_theme .ui-icon-mail-open{background-position:-96px -96px}.slider_theme .ui-icon-suitcase{background-position:-112px -96px}.slider_theme .ui-icon-comment{background-position:-128px -96px}.slider_theme .ui-icon-person{background-position:-144px -96px}.slider_theme .ui-icon-print{background-position:-160px -96px}.slider_theme .ui-icon-trash{background-position:-176px -96px}.slider_theme .ui-icon-locked{background-position:-192px -96px}.slider_theme .ui-icon-unlocked{background-position:-208px -96px}.slider_theme .ui-icon-bookmark{background-position:-224px -96px}.slider_theme .ui-icon-tag{background-position:-240px -96px}.slider_theme .ui-icon-home{background-position:0 -112px}.slider_theme .ui-icon-flag{background-position:-16px -112px}.slider_theme .ui-icon-calendar{background-position:-32px -112px}.slider_theme .ui-icon-cart{background-position:-48px -112px}.slider_theme .ui-icon-pencil{background-position:-64px -112px}.slider_theme .ui-icon-clock{background-position:-80px -112px}.slider_theme .ui-icon-disk{background-position:-96px -112px}.slider_theme .ui-icon-calculator{background-position:-112px -112px}.slider_theme .ui-icon-zoomin{background-position:-128px -112px}.slider_theme .ui-icon-zoomout{background-position:-144px -112px}.slider_theme .ui-icon-search{background-position:-160px -112px}.slider_theme .ui-icon-wrench{background-position:-176px -112px}.slider_theme .ui-icon-gear{background-position:-192px -112px}.slider_theme .ui-icon-heart{background-position:-208px -112px}.slider_theme .ui-icon-star{background-position:-224px -112px}.slider_theme .ui-icon-link{background-position:-240px -112px}.slider_theme .ui-icon-cancel{background-position:0 -128px}.slider_theme .ui-icon-plus{background-position:-16px -128px}.slider_theme .ui-icon-plusthick{background-position:-32px -128px}.slider_theme .ui-icon-minus{background-position:-48px -128px}.slider_theme .ui-icon-minusthick{background-position:-64px -128px}.slider_theme .ui-icon-close{background-position:-80px -128px}.slider_theme .ui-icon-closethick{background-position:-96px -128px}.slider_theme .ui-icon-key{background-position:-112px -128px}.slider_theme .ui-icon-lightbulb{background-position:-128px -128px}.slider_theme .ui-icon-scissors{background-position:-144px -128px}.slider_theme .ui-icon-clipboard{background-position:-160px -128px}.slider_theme .ui-icon-copy{background-position:-176px -128px}.slider_theme .ui-icon-contact{background-position:-192px -128px}.slider_theme .ui-icon-image{background-position:-208px -128px}.slider_theme .ui-icon-video{background-position:-224px -128px}.slider_theme .ui-icon-script{background-position:-240px -128px}.slider_theme .ui-icon-alert{background-position:0 -144px}.slider_theme .ui-icon-info{background-position:-16px -144px}.slider_theme .ui-icon-notice{background-position:-32px -144px}.slider_theme .ui-icon-help{background-position:-48px -144px}.slider_theme .ui-icon-check{background-position:-64px -144px}.slider_theme .ui-icon-bullet{background-position:-80px -144px}.slider_theme .ui-icon-radio-on{background-position:-96px -144px}.slider_theme .ui-icon-radio-off{background-position:-112px -144px}.slider_theme .ui-icon-pin-w{background-position:-128px -144px}.slider_theme .ui-icon-pin-s{background-position:-144px -144px}.slider_theme .ui-icon-play{background-position:0 -160px}.slider_theme .ui-icon-pause{background-position:-16px -160px}.slider_theme .ui-icon-seek-next{background-position:-32px -160px}.slider_theme .ui-icon-seek-prev{background-position:-48px -160px}.slider_theme .ui-icon-seek-end{background-position:-64px -160px}.slider_theme .ui-icon-seek-start{background-position:-80px -160px}.slider_theme .ui-icon-seek-first{background-position:-80px -160px}.slider_theme .ui-icon-stop{background-position:-96px -160px}.slider_theme .ui-icon-eject{background-position:-112px -160px}.slider_theme .ui-icon-volume-off{background-position:-128px -160px}.slider_theme .ui-icon-volume-on{background-position:-144px -160px}.slider_theme .ui-icon-power{background-position:0 -176px}.slider_theme .ui-icon-signal-diag{background-position:-16px -176px}.slider_theme .ui-icon-signal{background-position:-32px -176px}.slider_theme .ui-icon-battery-0{background-position:-48px -176px}.slider_theme .ui-icon-battery-1{background-position:-64px -176px}.slider_theme .ui-icon-battery-2{background-position:-80px -176px}.slider_theme .ui-icon-battery-3{background-position:-96px -176px}.slider_theme .ui-icon-circle-plus{background-position:0 -192px}.slider_theme .ui-icon-circle-minus{background-position:-16px -192px}.slider_theme .ui-icon-circle-close{background-position:-32px -192px}.slider_theme .ui-icon-circle-triangle-e{background-position:-48px -192px}.slider_theme .ui-icon-circle-triangle-s{background-position:-64px -192px}.slider_theme .ui-icon-circle-triangle-w{background-position:-80px -192px}.slider_theme .ui-icon-circle-triangle-n{background-position:-96px -192px}.slider_theme .ui-icon-circle-arrow-e{background-position:-112px -192px}.slider_theme .ui-icon-circle-arrow-s{background-position:-128px -192px}.slider_theme .ui-icon-circle-arrow-w{background-position:-144px -192px}.slider_theme .ui-icon-circle-arrow-n{background-position:-160px -192px}.slider_theme .ui-icon-circle-zoomin{background-position:-176px -192px}.slider_theme .ui-icon-circle-zoomout{background-position:-192px -192px}.slider_theme .ui-icon-circle-check{background-position:-208px -192px}.slider_theme .ui-icon-circlesmall-plus{background-position:0 -208px}.slider_theme .ui-icon-circlesmall-minus{background-position:-16px -208px}.slider_theme .ui-icon-circlesmall-close{background-position:-32px -208px}.slider_theme .ui-icon-squaresmall-plus{background-position:-48px -208px}.slider_theme .ui-icon-squaresmall-minus{background-position:-64px -208px}.slider_theme .ui-icon-squaresmall-close{background-position:-80px -208px}.slider_theme .ui-icon-grip-dotted-vertical{background-position:0 -224px}.slider_theme .ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.slider_theme .ui-icon-grip-solid-vertical{background-position:-32px -224px}.slider_theme .ui-icon-grip-solid-horizontal{background-position:-48px -224px}.slider_theme .ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.slider_theme .ui-icon-grip-diagonal-se{background-position:-80px -224px}.slider_theme .ui-corner-all,.slider_theme .ui-corner-top,.slider_theme .ui-corner-left,.slider_theme .ui-corner-tl{-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;-khtml-border-top-left-radius:4px;border-top-left-radius:4px}.slider_theme .ui-corner-all,.slider_theme .ui-corner-top,.slider_theme .ui-corner-right,.slider_theme .ui-corner-tr{-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;-khtml-border-top-right-radius:4px;border-top-right-radius:4px}.slider_theme .ui-corner-all,.slider_theme .ui-corner-bottom,.slider_theme .ui-corner-left,.slider_theme .ui-corner-bl{-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;-khtml-border-bottom-left-radius:4px;border-bottom-left-radius:4px}.slider_theme .ui-corner-all,.slider_theme .ui-corner-bottom,.slider_theme .ui-corner-right,.slider_theme .ui-corner-br{-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;-khtml-border-bottom-right-radius:4px;border-bottom-right-radius:4px}.slider_theme .ui-widget-overlay{background:#666 url() 50% 50% repeat;opacity:.5;filter:Alpha(Opacity=50)}.slider_theme .ui-widget-shadow{margin:-5px 0 0 -5px;padding:5px;background:#000 url() 50% 50% repeat-x;opacity:.2;filter:Alpha(Opacity=20);-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.slider_helper
{
	moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	height: 10px;
	background-color: #FFDE8C;
}

#animate_control .node
{
  position: relative;
  display: inline-block;
  width: 15px;
  height: 15px;
  /*background: #FFF;
  border: 1px solid #00F;*/
  margin-left: 3px;
  vertical-align: middle;
  cursor: pointer;
  background:url(/content_elements_v2/images/circle_gb.png) center no-repeat;
  background-size: 30px;
  background-position: left;
}
#animate_control .active
{
  /*background: yellow;*/
  background-position: right;
}

.Banner{width:658px; border-bottom:1px solid #858585; border-top:1px solid #858585; padding-top:8px; padding-bottom:1px; height:auto;}
.Banner2{width:658px; border-bottom:1px solid #858585; padding-top:8px; padding-bottom:1px; height:auto;}
.slider    { overflow:hidden; position:relative; }
.slider .slider_container {display: inline-block; width: 620px;overflow:hidden; white-space: nowrap;}
.slider ul {  display: inline-block; margin:0; padding:0; overflow:hidden; white-space: nowrap;}
.slider li { margin:0 5px 0 0; list-style:none; display: inline; }
.slider img {height: 54px; margin: 0px 10px;}
.slider .sNext{
	position:relative; top:0px; display:inline-block; width:30px; height:60px;background:url(/content_elements_v2/images/Next.png) center no-repeat;
}
.slider .sPrev{
	position:relative; top:0px; display:inline-block; width:30px; height:60px;background:url(/content_elements_v2/images/Last.png) center no-repeat;
}

.picScroll-left{  position:relative;  border:0px; }
.picScroll-left .picList{ overflow:hidden;  position:relative;   }
.bd1 { display:table; }
.bd1 ul li {display:table-cell; vertical-align:middle;}
.bd { display:table; }
.bd ul li {display:table-cell; vertical-align:middle;}
.picScroll-left .bd1{ padding-left:35px;}
.picScroll-left .bd1 ul{ overflow:hidden; zoom:1; height: 54px;   }
.picScroll-left .bd1 ul li{ width:87px;margin:0 5px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd1 ul li .pic{ text-align:center; width:87px; height:52px; overflow:hidden; }
.picScroll-left .bd1 ul li .pic img{display:block;}
.picScroll-left .bd{ padding-left:35px;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1;  height: 54px;  }
.picScroll-left .bd ul li{ height:54px;  margin:0 10px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; height:54px;  overflow:hidden; }
.picScroll-left .bd ul li .pic img{display:block;}
.picScroll-left .sPrev, .picScroll-left .sPrev1{ position:absolute; left:5px; top:0px; display:block; width:30px; height:60px;background:url(/content_elements_v2/images/Last.png) center no-repeat; }
.picScroll-left .sNext, .picScroll-left .sNext1{ position:absolute; right:5px; top:0px; display:block; width:30px; height:60px;background:url(/content_elements_v2/images/Next.png) center no-repeat;}
.picScroll-left .sPrev:hover, .picScroll-left .sPrev1:hover{background:url(/content_elements_v2/images/Last_1.png) center no-repeat;}
.picScroll-left .sNext:hover, .picScroll-left .sNext1:hover{background:url(/content_elements_v2/images/Next_1.png) center no-repeat;}

.pic img
{
	height:54px;
}

/*bottom icon*/
.picScroll-right{  position:relative;  border:0px; }
.picScroll-right .picList{ overflow:hidden;  position:relative;   }
.picScroll-right .bd{ }
.picScroll-right .bd ul{ overflow:hidden; zoom:1;   }
.picScroll-right .bd ul li{ width:151px;margin:0px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-right .bd ul li .pic{ width:149px; height:45px; overflow:hidden; float:left; }
.picScroll-right .bd ul li .pic img{display:block;}

#wxhelp
{
	position: relative; 
	display: inline-block; 
	vertical-align: middle;
	cursor: pointer;
	margin-bottom: 5px;
}
#help_content, #climhelp_content
{
	position: absolute; 
	display: none; 
	width: 250px;
	border:2px solid white; 
	padding: 3px; 
	z-index: 999; 
	background: #EEEEEE;
	color: black;
	text-align:left;
	font-size: 14px!important;
	line-height: 22px;
	top:-64px;
	right:7px;
}

.trigger_link_wtcb {
display: block;
color: #024ED5;
cursor: pointer;
font-size: 100%;
}

.trigger_link_wtcb:hover {
text-decoration:underline;
}

.trigger_link_wtcb_nocursor {
display: block;
color: #024ED5;
font-size: 100%;
}
.arrow_show { display: inline-block;}
.arrow_hide { display: none;}

#tcb_1 p, #tcb_2 p, #tcb_3 p {
	font-size: 16px;
} 

#zoom_control
{
	position: absolute;
	bottom: 0px;
	right: 10px;
}
#zoom_control span
{
	margin-left: 10px;
	cursor: pointer;
}

#zoom_control .small
{
	font-size: 80%;
}
#zoom_control .normal
{
	font-size: 100%;
}
#zoom_control .large
{
	font-size: 130%;
}

#tclink1, #tclink2 {
  padding-left:10px;
  font-size: 16px;
  display:block;
  color: #01A185 !important;
  width: 40px;
  background-image: url(../images/news_point_blue.png);
  background-repeat: no-repeat;
  background-position: left 3px center;
}

#tclink2 {
width: 200px;
}


/*#selLoc {
	color: #333;
	cursor: pointer;
	background: #A8DCFF;
	width:50%;
	padding-top:2px;
    padding-bottom:2px;
	border-top:1px solid black;
	display:none;
	background-image: url(/content_elements_v2/images/arrow_purple.png);
	background-repeat: no-repeat;
	background-position: 5px 4px;
	text-indent: 20px;
	background-repeat: no-repeat;
	background-position: 5px 4px;
	float: left;
	text-align: left;
}
#selLoc:hover
{
	text-decoration: underline;
}

#selLocRight {
	color: #333;	
	background: #A8DCFF;
	width:50%;
	padding-top:2px;
        padding-bottom:2px;
	border-top:1px solid black;	
    background-repeat: no-repeat;
    background-position: 5px 4px;
    float: right;
    text-align: right;
    position: relative;
    display: inline-block;
}

#selLocRight:hover {
	cursor: pointer;
	color: mediumblue;
}

#selLocRight .tooltiptext{
    visibility: hidden;
    position: absolute;
    display: inline-block;
    right: 0px;
    width: 250px;
    border: 2px solid #FFF;
    padding: 3px;
    z-index: 999;
    background: #EEE;
    color: black!important;
    text-shadow: none!important;
    text-align: left;
    bottom: 20px;
    font-size: 14px;
    line-height: 22px;
}

#selLocRight:hover .tooltiptext{
    visibility: visible;
}
*/
#detailInfo, .detailInfo  {
	color:#0000FF;
	cursor: pointer;
	background: #A8DCFF;
	width:100%;
	padding:2px;
	display:block;
	border-top:1px solid black;
	background-image: url(/content_elements_v2/images/arrow_purple.png);
    background-repeat: no-repeat;
    background-position: 5px 4px;
    padding-left: 20px;
}
.detailInfo
{
	background-position: 5px 8px;
}
#detailInfo a , .detailInfo a{
	text-decoration:none;
	color: #333;
	font-size:100%;
}
#detailInfo a:hover, .detailInfo a:hover {
	text-decoration: underline;
}
#myLocSel
{
	background: #A8DCFF;
}

#myLocSel table {
	border: none;
}	

#myLocSel a
{
	width:100%;
	color: #333;
	text-decoration:none;
}
#myLocSel a:hover
{
	border-bottom: 1px solid black;
}
#myLocSel td {
	text-align:left;
	padding:2px;
}

#tc_legend
{
	position: absolute;
	top: 0;
	left: 0px;
	padding: 10px;
	font-size: 150%;
	color: white!important;
}
.tc_name
{
	margin: 10px;
}
#tc_legend_time, #tc_legend_tcdesc
{
	position: absolute;
	top: 175px;
	left: 0px;
	padding: 10px;
	padding-bottom: 5px;
	font-size: 80%;
	line-height: 100%;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAA1JREFUGFdj+Pfv33QACYoDku9kYQgAAAAASUVORK5CYII=');
	color: #FFDD56!important;
}
#tc_legend_tcdesc 
{
	top: 45px;
	padding: 10px;
	max-width: 480px;
	line-height: 150%;
	background: rgba(0,0,0, 0)!important;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAA1JREFUGFdjYGBgqAAAAH0AeXH98goAAAAASUVORK5CYII=)!important;
	text-shadow: none;
	color: white!important;
	font-size: 16px;
}
#tc_legend_time img
{
	vertical-align: middle;
	padding-right: 5px;
}
#tc_legend_time span
{
	position: relative;
	display: block;
	padding-right: 5px;
	cursor: pointer;
}
#tc_legend_time span:hover
{
	background: #CCC;
}

#tc_legend_time span.detail
{
	position: absolute;
	display: none;
	margin-left: 5px;
	bottom: 0px;
	width: 300px;
	line-height: 140%;
	background: rgba(0,0,0, 0)!important;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAA1JREFUGFdjYGBgqAAAAH0AeXH98goAAAAASUVORK5CYII=)!important;
	text-shadow: none;
	color: white!important;
	left: 105px;
}

#tc_legend_time span.detail table
{
	background: rgba(0,0,0, 0)!important;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAA1JREFUGFdjYGBgqAAAAH0AeXH98goAAAAASUVORK5CYII=)!important;
	text-shadow: none;
	color: white!important;
	white-space: nowrap;
}
 
#tc_legend_time td
{
	border-bottom: 1px solid #FFF;
	padding: 5px;
}

/* css buttons for climatolog */

.css_btn_class {
	font-size:13px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #ffaa22;
	padding:9px 6px;
	text-decoration:none;
	background-color:#0099ff;
	color:#ffffff;
	display:inline-block;
 	
}.css_btn_class:hover {
	background-color:#CDE6FF;
	color:#000000;
}.css_btn_class:active {
	position:relative;
	top:1px;
}

#climwxhelp
{
	position: relative; 
	display: inline-block; 
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
	color:black;
	float:right;
}
climhelp_content
{
	position: absolute; 
	display: none; 
	right: -265px; 
	width: 250px;
	border:2px solid white; 
	padding: 3px; 
	z-index: 999; 
	background: #EEEEEE;
	color: black;
	top:-19px;
	text-align:left;
}

#climate_hightlight_content .data
{
	font-weight: normal;
	text-align: right;
}

#climate_hightlight_content a
{
	color: black;
	text-decoration: none;	
}
#climate_hightlight_content a:hover
{
	text-decoration: underline;	
}

.wholeYear:hover
{
	text-decoration: underline;
}

/* climate chart */
#climateMonthSelect {
	padding-left: 10px;
	text-align:center;
	padding:2px;
	display:none;
}

#showMonthSelect:hover
{ 
	text-decoration:underline;
}
#showMonthSelect 
{
	padding-left: 10px; 
	text-align: left;
	padding: 2px;
	cursor: pointer;
}

#social_network
{
	display: none;
}

img{
    -khtml-user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

#regional_map
{
	float: left;
	width: 420px;
	background: #aaa;
	overflow: hidden;
}

#regional_map_menu
{
	border-bottom: 2px solid #CCC!important;
}

#regional_map_menu span
{
	display: inline-block;
	border-right: 2px solid #CCC;
	min-width: 50px;
	text-align: center;
	padding: 4px;
	font-size: 75%;
	cursor: pointer;
}

#regional_map_menu span.selected, #regional_map_menu span.selected:hover
{
	background: #FFE000;
}

#regional_map_menu span:hover
{
	background: #FFED6B;
}

#regional_map_menu span:last-child, #other_info #other_info_menu span:last-child
{
	border-right: 0px solid #CCC;
}

#mylocpanel #mylochelpcontent
{
	position: absolute;
	display: inline-block;
	right: 0px;
	width: 250px;
	border: 2px solid #FFF;
	padding: 3px;
	z-index: 999;
	background: #EEE;
	color: black!important;
	text-shadow: none!important;
	text-align: left;
	top: 94px;
	font-size: 14px;
	line-height: 22px;
	cursor: pointer;
}
#mylochelp{
	z-index: 1000;
}

#myrh  {
  color: white;
  font-size:40px;
  top:235px;
  left: 525px;
}

#myrf  {
  color: white;
  font-size:20px;
  top:281px;
  left: 391px;
   margin-top:10px;
}

.mywindDir2  {
  font-size:26px;
  height:70px;
  width:70px;
  background-size:contain;
  text-align:center;
  line-height:70px;
  display:inline-block;
}

#myname  {
  
  /*font-size:16px;	
  text-align:right;
  margin-top:17px;
  text-shadow: -1px -1px 4px #000, 2px 2px 4px #000, 3px 3px 9px #3C3C3C;
  */
  color: white;
  font-size: 20px; 
  font-weight: normal; 
  margin-bottom: 10px;
}

#mylocpanel, #mygust  {
  font-size:20px;	
  margin-top:5px;
  top:258px;
  left:197px;
  color: white!important;
}

#mylocpanel {
	text-align: right;
	position: relative;
	top: 50%;
	margin-top: 0;
	transform: translateY(-50%);
	/*height: 100%;*/
	padding-right: 55px;
	/*padding-top: 10px;*/
	left: 0;
	right: 0px;
	color:white;
	font-weight:normal;
}
#mylocpanel #mytemp, #mylocpanel #myrh  {
	font-size:40px;	
	height:40px;	
}

#mylocpanel #mymaxtemp, #mylocpanel #mymintemp  {
  font-size:20px;	
  display:inline-block;
  margin-bottom:20px;
  margin-right: 10px;
}

#mylocpanel p{
	margin-bottom: 0;
}


#mydate  {
	font-size: 95%;
	font-style: italic;
}

#mylocup, #myLocSel, #climNormUp, .img_inventory {
	display:none;
}
.img_inventory{
	display:none!important;
}

.img_inventory img, #minRadarPix img {
	 width:100%;
}


#coldKnow {
	position: relative;
	border-left: 1px solid #FFF; border-right: 1px solid #FFF;
}
#minRadarPix {
	border-left: 1px solid #FFF; border-right: 1px solid #FFF;
}

.imgVmiddle {
	display: inline-block; vertical-align: middle
}

td#climatFestival	{
	background: #FFF; border-left: 5px solid #FC9B28; padding: 4px; padding-right: 0px
}

#festivalTitle {
	display: inline-block; color: #336699; margin-right: 0px;		
}

#solarTermTitle {
	display: inline-block; color: #336699; margin-left: 10px; margin-right: 0px;margin-left: 30px;
}

#wxcurr_hko #hkoTemp {
	line-height: 40px; font-size: 28px;
}

#wxcurr_hko img {
	vertical-align: middle;
}

#wxcurr_hko #curr_content {
	position:relative; text-align:right;
}

#wxcurr_hko #currTitle { 
	font-size:18px; color: white;
}

#wxcurr_hko #currTitle a { 
	font-size:18px; color: white; text-decoration:none;
}
#wxcurr_hko #currTitle a:hover { 
	font-size:18px; color: white; text-decoration:underline;
}
.et_items  .reportEarthquake {
	display: inline-block; font-weight: bold; vertical-align: middle;
}

#climate_hightlight_content #climtable1 {
	text-align: left;
	border-spacing:2px;
}

#climate_hightlight_content #climtable2 {
	margin-left: 10px; text-align: left; width:100%;border-spacing:2px;
}
#regional_map_container,
#regional_map_container2 {
	-ms-high-contrast-adjust: none;
}
#regional_map_container  #stnFullName,
#regional_map_container2  #stnFullName
{
	color: white;
	text-shadow: -1px -1px 4px #000, 2px 2px 4px #000, 3px 3px 9px #3C3C3C;
	z-index: 100000;
        background-color: rgba(0, 0, 0, 0.25);
}	

#regional_map_container #rarrow, #regional_map_container #larrow,
#regional_map_container2 #rarrow, #regional_map_container2 #larrow {
        cursor: pointer;
        position:absolute;
        font-size: 16px;
        color:white;
        z-index:10000;
}

#rarrow{
	top: 50%; 
	transform: translateY(-50%);
	right:10px; 
	width: 20px; 
	background: url(../content_elements/btn_next.png) no-repeat;
	background-size: 140%;
	background-position-x: -7px;
	background-position-y: -118px;
	height: 33px; 
}
#larrow
{
	top: 50%; 
	transform: translateY(-50%);
	left: 10px; 
	width: 20px; 
	background: url(../content_elements/btn_prev.png) no-repeat;
	background-size: 140%;
	background-position-y: -118px;
	height: 33px; 
}


.rarrow,
.larrow{
	cursor: pointer;
	position:absolute;
	font-size: 16px;
	color:white;
	top: 50%; 
	transform: translateY(-50%);
	z-index: 3000;
	display: none;
	height: 33px; 
	width: 20px; 
}

.rarrow{
	right:0; 
	background: url(../content_elements/btn_next.png) no-repeat;
	background-size: 140%;
	background-position-x: -7px;
	background-position-y: -118px;
}
.larrow{
	left: 0; 
	background: url(../content_elements/btn_prev.png) no-repeat;
	background-size: 140%;
	background-position-y: -118px;
}
	
#mw {left: 255px; top: 178px; cursor:pointer; text-align:center;}
#ur {left: 107px; top: 155px; cursor:pointer; text-align:center;}
#wa {left: 271px; top: 220px; cursor:pointer; text-align:center;}
#elc {left: 317px; top: 300px; cursor:pointer; text-align:center;}
#sl {left: 152px; top: 300px; cursor:pointer; text-align:center;}
#wlch {left: 244px; top: 334px; cursor:pointer; text-align:center;}
#tatp  {left: 432px; top: 297px; cursor:pointer; text-align:center;}
#wlpi  {left: 449px; top: 337px; cursor:pointer; text-align:center;}	

table.eqContent {
	border-collapse: collapse;
}

table.eqContent, table.eqContent td, table.eqContent th {
	border: 1px solid black;
	font-size:12px;
}

#regional_map_container  div.visTable,
#regional_map_container2  div.visTable {
	display: table;
	position: relative;
}
 
#regional_map_container div.Cell,
#regional_map_container2 div.Cell {
	display: table-cell;
    border: solid;
    border-width: 2px;
    border-color: #ff0000;
	padding-left: 5px;
    padding-right: 5px;
	text-align: center;
	position: relative;
	font-size: 11px;
	border-collapse: collapse;
	text-shadow: none;
	color: black;
	font-weight: bold;
}

#regional_map_container div.Row,
#regional_map_container2 div.Row {
	display: table-row;
}
/* 20200805 fine tune visibility map - start
div#HKOvis {
	position: absolute;
	top: 185px;
	left: 320px;
}

div#CLKvis {
	position: absolute;
	top: 185px;
	left: 84px;
}

div#SWHvis {
	position: absolute;
	top: 248px;
	left: 431px;
}

div#WGLvis {
	position: absolute;
	top: 277px;
	left: 543px;
}

div#CENvis {
	position: absolute;
	top: 248px;
	left: 270px;
}

div#MWvis {
	position: absolute;
	top: 160px;
	left: 212px;
}

div#WLPIvis {
	position: absolute;
	top: 244px;
	left: 542px;
}

div#WLCHvis {
	position: absolute;
	top: 288px;
	left: 190px;
}

div#URvis {
	position: absolute;
	top: 127px;
	left: 66px;
}

div#WAvis {
	position: absolute;
	top: 210px;
	left: 234px;
}

div#SLvis {
	position: absolute;
	top: 279px;
	left: 105px;
}

div#ELCvis {
	position: absolute;
	top: 318px;
	left: 351px;
}

div#TATPvis {
	position: absolute;
	top: 216px;
	left: 482px;
}

div#VICHvis {
	position: absolute;
	top: 258px;
	left: 334px;
}

div#KLBvis {
	position: absolute;
	top: 203px;
	left: 407px;
}
*/

div#HKOvis {
	position: absolute;
	top: 223px;
	left: 333.7px;
}

div#CLKvis {
	position: absolute;
	top: 220px;
	left: 118.7px;
}

div#SWHvis {
	position: absolute;
	top: 240px;
	left: 378.7px;
}

div#WGLvis {
	position: absolute;
	top: 331px;
	left: 444.7px;
}

div#CENvis {
	position: absolute;
	top: 236px;
	left: 317.7px;
}

div#MWvis {
	position: absolute;
	top: 175px;
	left: 248.5px;
}

div#WLPIvis {
	position: absolute;
	top: 333px;
	left: 433.7px;
}

div#WLCHvis {
	position: absolute;
	top: 329px;
	left: 237.7px;
}

div#URvis {
	position: absolute;
	top: 150px;
	left:103.7px;
}

div#WAvis {
	position: absolute;
	top: 221px;
	left: 274.7px;
}

div#SLvis {
	position: absolute;
	top: 294px;
	left: 147.7px;
}

div#ELCvis {
	position: absolute;
	top: 297px;
	left: 315.7px;
}

div#TATPvis {
	position: absolute;
	top: 291px;
	left: 429.7px;
}

div#VICHvis {
	position: absolute;
	top: 236px;
	left: 334.7px;
}

div#KLBvis {
	position: absolute;
	top: 220px;
	left: 359.7px;
}
/*20200805 fine tune visibility map - end*/

#regional_map_container div  div,
#regional_map_container2 div  div{
	position: relative
}

#labelEarthquake {
	border-collapse: collapse;
	border-spacing: 0;
}

#labelEarthquake th {
	background-color: #ABB3BB;
	-webkit-box-shadow: -1px 1px 0px rgba(255, 255, 255, 0.5) inset;
	-moz-box-shadow: -1px 1px 0px rgba(255,255,255,0.5) inset;
	box-shadow: -1px 1px 0px rgba(255, 255, 255, 0.5) inset;
	color: #FFF;
	text-align: left;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
	vertical-align: middle;
	border: 1px solid #798088;
	font-size:12px;
}

.EarthQuakeData td {
	border-color: #9AA2AC!important;
	-webkit-box-shadow: -1px 1px 0px rgba(255, 255, 255, 0.5) inset;
	-moz-box-shadow: -1px 1px 0px rgba(255,255,255,0.5) inset;
	box-shadow: -1px 1px 0px rgba(255, 255, 255, 0.5) inset;
	color: #2D3134;
	font-size:12px;
} 

.EarthQuakeData tr:nth-child(even) { background-color: #E1E5E9;}
.EarthQuakeData tr:nth-child(odd ) { background-color: #FFFFFF;}

.EarthQuakeData a:hover {
	text-decoration: underline;
}

.EarthQuakeData a {
	text-decoration: none;
	color: black;
}

.tc_track_tab_green
{
	background-color: #7CFC00!important;
	color: black!important;
}
.tc_track_tab_green:hover
{
	color: blue!important;
}
.tc_track_tab_yellow
{
	background-color: yellow!important;
	color: black!important;
}
.tc_track_tab_yellow:hover
{
	color: blue!important;
}

.tc_track_tab_red
{
	background-color: red!important;
	color: white!important;
}
.tc_track_tab_red:hover
{
	color: black!important;
}

#warning_detial_links_warning_def
{
	position: relative;
	display: block; 
	width: 110px;
	height: 17px;	
	background-color: #FFF;
	background-image: url(/content_elements_v2/images/icon_book.png);
	background-position: 10px;
	background-repeat: no-repeat;
	padding: 5px 10px 8px 75px;
	border-radius: 5px;
	border: 1px #00A185 solid;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
	color: black;
	font-size: 15px!important;
	margin-top: 9px;
	cursor: pointer;
	/*transition: all 0.3s ease-out;*/
}
#warning_detial_links_warning_def:hover
{
	background-color: #13A88A;
	color: white;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
#warning_detial_links_warning_def:hover ul
{	
	display: block;
}
#warning_detial_links_warning_def ul
{
	display: none;
	margin-top: 5px;
	list-style: none;
	background-color: #FFF;
	position: absolute;
	width: 100%;
	left: -1px;
	border-radius: 0 0 5px 5px;
	border: 1px solid #00A185;
	border-top: none;
	z-index: 1000;
}
#warning_detial_links_warning_def ul li
{
	background-image: url(../images/news_point_blue.png);
	background-repeat: no-repeat;
	background-position: left 20px top 13px;
	padding: 5px 10px 5px 40px;
	/*transition: all 0.3s ease-out;*/
}
#warning_detial_links_warning_def ul li:hover
{
	background-color: #16CBAC;
	color: white!important;
}
#warning_detial_links_warning_def ul li:hover a
{
	color: white!important;
}
#warning_detial_links_warning_def ul li a
{
	font-size: 15px!important;
	text-decoration: none!important;	
}

#warning_detial_links_today_warning
{
	position: relative;
	display: block; 
	width: 127px;
	height: 17px;	
	background-color: #FFA31F;
	background-image: url(/content_elements_v2/images/icon_today.png);
	background-position: 10px;
	background-repeat: no-repeat;
	padding: 5px 10px 5px 60px;
	border-radius: 5px;
	box-shadow: 0 4px #E0890C;
	color: #FFF!important;
	font-size: 15px!important;
	top: 1px;
}
#warning_detial_links_today_warning:hover
{
	text-decoration: none!important;
	box-shadow: 0 2px #e0890c;
	top: 2px;
	/*background-image: url(/content_elements_v2/images/warnings_zh_over.png);*/
}

p#currwx_uv
{
	clear: both;
	font-size: 14px;
	line-height: 18px;
	white-space: nowrap;
	margin-bottom:4px;
}

#currwx_title a {
	text-decoration: none;
	color: #FFF;
}

#currwx_title a:hover {
	text-decoration: underline;
	color: #FFF;
}
	
p#currwx_uv
{
	clear: both;
	font-size: 100%;
	line-height: 18px;
	white-space: nowrap;
}

#currwx_uv a {
	text-decoration: none;
	color: black;
}

#currwx_uv a:hover 
{
	text-decoration: underline;
}

#currwx #help_content {
	position: absolute;
	top: 55px;
}

#currwx_wxicon
{
	width: 130px;
	height: 120px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	padding-bottom: 15px;
}
#currwx_wxicon img
{
	width: 85px;
	-webkit-border-radius: 10%;
	-moz-border-radius: 10%;
	border-radius: 10%;
	-webkit-box-shadow: 0 0 0 3px #FFF, 0 0 0 4px #999, 0 2px 5px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 0 3px #fff, 0 0 0 4px #999, 0 2px 5px 4px rgba(0,0,0,.2);
	box-shadow: 0 0 0 3px #FFF, 0 0 0 4px #999, 0 2px 5px 4px rgba(0, 0, 0, 0.2);

}

#tempRH {
	margin-top: -10px;
}
	
#tempRH div{
	font-size: 32px;
}

#currwx_title {
	background-color: #01a185;
	height: 27px;
	line-height: 27px;
	padding-left: 9px;
	font-size: 18px;
	color: #FFF;
}

.lightninglegend table#lightLegend {
	font-size: 12px ;
	border-collapse: collapse;
	width: 80px;
}

.lightninglegend table#lightLegend td {
	border: thin solid green;
}

table#lightLegend tr:first-child td {
    background-color: white;
}

#wtma_title, #localfelt_title, #wtmw_title, #atten_title
{
	height: 30px; /*section_title*/
	line-height: 30px; /*section_title*/
	font-size: 18px;
	color: #FFF;
	padding-left: 10px;
	background-color: #D70000;
}

#wtma_date , #localfelt_date, #wtmw_date, #atten_date {
	display: inline-block;
	float: right;
	padding-right: 10px;
	line-height: 30px; /*section_title*/
}

.Specialreport {
  position: relative;
  margin-top: 5px;
  border: 1px solid #D70000;
  padding-top: 0px;
}

#wtma_content, #localfelt_content, #wtmw_content, #atten_content
{
	padding: 12px;
}

#wtma_content p, #localfelt_content p , #wtmw_content p{/*
	margin-bottom: 10px;
	line-height: 20px;
	font-size: 16px;*/
}

#swt_links
{
	text-decoration: none;
	color: black;
}

p#currwx_uv {
  clear: both;
  font-size: 95%;
  line-height: 18px;
  white-space: nowrap;
}

#currwx_wxicon img {
  width: 100px;
  -webkit-border-radius: 10%;
  -moz-border-radius: 10%;
  border-radius: 10%;
  -webkit-box-shadow: 0 0 0 3px #FFF, 0 0 0 4px #999, 0 2px 5px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 0 3px #fff, 0 0 0 4px #999, 0 2px 5px 4px rgba(0,0,0,.2);
  box-shadow: 0 0 0 3px #FFF, 0 0 0 4px #999, 0 2px 5px 4px rgba(0, 0, 0, 0.2);
}

#wx_arrow, #wx_icon2
{
	cursor: pointer;
}

#wx_icon_mask
{
	height: 120px;
	position: absolute;
	background: #FFB540;
	cursor: pointer;
	width: 110px;
	top: 85px; /*Animate to 200px*/
}
#currwx_content
{
	position: relative;
	overflow: hidden;
}
#footer_banner
{
	clear: both;
	margin-top: 5px;
}
.headline_more
{
	color: #00F;
}
.headline_more:hover
{
	text-decoration: underline;
}

// earthquak new css

#labelEarthquake {
	border-collapse: collapse;
	border-spacing: 0;
}

#labelEarthquake a {
	text-decoration: none;
	color:#000;
	line-height: 150%;
}

#labelEarthquake a:hover {
	text-decoration: underline;
}

#labelEarthquake th {
	background-color: #6e6e6e;
	color: #FFF;
	text-align: left;
	vertical-align: middle;
	border: 1px solid #798088;
	font-size:12px;
	-webkit-box-shadow: none;
	text-shadow: none;
	box-shadow: none;
}

#labelEarthquake td {
	border-color: #9AA2AC!important;
	color: #434343;
	font-size:12px;
}
 
#labelEarthquake tr:nth-child(even) { background-color: #f4f4f4;}
#labelEarthquake tr:nth-child(odd ) { background-color: #FFFFFF;}

#earthquake .et_items {
	border: 1px solid #000;
	display: block;
	padding:4px;
	width: 115px;
	border-radius: 6px;
}
/*// end of earthquake css*/

/*// change background color from red to #d70000*/
.Specialreport #atten_title {
	background-color: #d70000 !important;
}
/*// end of change background color*/
.tc_legend_trigger
{
	width: 28px;
	height: 28px;
	background-image: url(/content_elements_v2/images/btn_expand.png);
	background-repeat: no-repeat;
	position: absolute!important;
	right: -27px;
	top: 0px;
	cursor: pointer;
}
.tc_legend_note_trigger
{
	background-image: url(/content_elements_v2/images/btn_collapse_note.png)!important;
}

.tc_legend_note_trigger_title
{
	position: absolute;
	display: none;
	border: 2px solid #FFF;
	z-index: 999;
	background: #EEE;
	color: black!important;
	text-shadow: none!important;
	width: 50px;
	text-align: center;
	top: 25px;
	left: 20px;
	font-size: 12px;
}
.tc_legend_note_trigger:hover .tc_legend_note_trigger_title
{
	display: block!important;
}

.tc_tag
{
	display: inline-block;
	margin: 0px 10px;
	color: #333;
}
.tc_tag:hover
{
	text-decoration: underline;
}




/*! jQuery UI - v1.9.0 - 2012-10-08
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright (c) 2012 jQuery Foundation and other contributors Licensed MIT */.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{position:absolute!important;clip:rect(1px);clip:rect(1px,1px,1px,1px)}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{zoom:1}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.slider_theme .ui-widget{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:0.5em}.slider_theme .ui-widget .ui-widget{font-size:1em}.slider_theme .ui-widget input,.slider_theme .ui-widget select,.slider_theme .ui-widget textarea,.slider_theme .ui-widget button{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1em}.slider_theme .ui-widget-content{border:1px solid #ddd;background:#eee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;color:#333}.slider_theme .ui-widget-content a{color:#333}.slider_theme .ui-widget-header{border:1px solid #e78f08;background:#f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;color:#fff;font-weight:bold}.slider_theme .ui-widget-header a{color:#fff}.slider_theme .ui-state-default,.slider_theme .ui-widget-content .ui-state-default,.slider_theme .ui-widget-header .ui-state-default{border:1px solid #ccc;background:#C4C4C4;font-weight:bold;color:#1c94c4}.slider_theme .ui-state-default a,.slider_theme .ui-state-default a:link,.slider_theme .ui-state-default a:visited{color:#1c94c4;text-decoration:none}.slider_theme .ui-state-hover,.slider_theme .ui-widget-content .ui-state-hover,.slider_theme .ui-widget-header .ui-state-hover,.slider_theme .ui-state-focus,.slider_theme .ui-widget-content .ui-state-focus,.slider_theme .ui-widget-header .ui-state-focus{border:1px solid #fbcb09;background:#fdf5ce url() 50% 50% repeat-x;font-weight:bold;color:#c77405}.slider_theme .ui-state-hover a,.slider_theme .ui-state-hover a:hover{color:#c77405;text-decoration:none}.slider_theme .ui-state-active,.slider_theme .ui-widget-content .ui-state-active,.slider_theme .ui-widget-header .ui-state-active{border:1px solid #fbd850;background:#fff url() 50% 50% repeat-x;font-weight:bold;color:#eb8f00}.slider_theme .ui-state-active a,.slider_theme .ui-state-active a:link,.slider_theme .ui-state-active a:visited{color:#eb8f00;text-decoration:none}.slider_theme .ui-state-highlight,.slider_theme .ui-widget-content .ui-state-highlight,.slider_theme .ui-widget-header .ui-state-highlight{border:1px solid #fed22f;background:#ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;color:#363636}.slider_theme .ui-state-highlight a,.slider_theme .ui-widget-content .ui-state-highlight a,.slider_theme .ui-widget-header .ui-state-highlight a{color:#363636}.slider_theme .ui-state-error,.slider_theme .ui-widget-content .ui-state-error,.slider_theme .ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;color:#fff}.slider_theme .ui-state-error a,.slider_theme .ui-widget-content .ui-state-error a,.slider_theme .ui-widget-header .ui-state-error a{color:#fff}.slider_theme .ui-state-error-text,.slider_theme .ui-widget-content .ui-state-error-text,.slider_theme .ui-widget-header .ui-state-error-text{color:#fff}.slider_theme .ui-priority-primary,.slider_theme .ui-widget-content .ui-priority-primary,.slider_theme .ui-widget-header .ui-priority-primary{font-weight:bold}.slider_theme .ui-priority-secondary,.slider_theme .ui-widget-content .ui-priority-secondary,.slider_theme .ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.slider_theme .ui-state-disabled,.slider_theme .ui-widget-content .ui-state-disabled,.slider_theme .ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.slider_theme .ui-icon{width:16px;height:16px;background-image:url(images/ui-icons_222222_256x240.png)}.slider_theme .ui-widget-content .ui-icon{background-image:url(images/ui-icons_222222_256x240.png)}.slider_theme .ui-widget-header .ui-icon{background-image:url(images/ui-icons_ffffff_256x240.png)}.slider_theme .ui-state-default .ui-icon{background-image:url(images/ui-icons_ef8c08_256x240.png)}.slider_theme .ui-state-hover .ui-icon,.slider_theme .ui-state-focus .ui-icon{background-image:url(images/ui-icons_ef8c08_256x240.png)}.slider_theme .ui-state-active .ui-icon{background-image:url(images/ui-icons_ef8c08_256x240.png)}.slider_theme .ui-state-highlight .ui-icon{background-image:url(images/ui-icons_228ef1_256x240.png)}.slider_theme .ui-state-error .ui-icon,.slider_theme .ui-state-error-text .ui-icon{background-image:url(images/ui-icons_ffd27a_256x240.png)}.slider_theme .ui-icon-carat-1-n{background-position:0 0}.slider_theme .ui-icon-carat-1-ne{background-position:-16px 0}.slider_theme .ui-icon-carat-1-e{background-position:-32px 0}.slider_theme .ui-icon-carat-1-se{background-position:-48px 0}.slider_theme .ui-icon-carat-1-s{background-position:-64px 0}.slider_theme .ui-icon-carat-1-sw{background-position:-80px 0}.slider_theme .ui-icon-carat-1-w{background-position:-96px 0}.slider_theme .ui-icon-carat-1-nw{background-position:-112px 0}.slider_theme .ui-icon-carat-2-n-s{background-position:-128px 0}.slider_theme .ui-icon-carat-2-e-w{background-position:-144px 0}.slider_theme .ui-icon-triangle-1-n{background-position:0 -16px}.slider_theme .ui-icon-triangle-1-ne{background-position:-16px -16px}.slider_theme .ui-icon-triangle-1-e{background-position:-32px -16px}.slider_theme .ui-icon-triangle-1-se{background-position:-48px -16px}.slider_theme .ui-icon-triangle-1-s{background-position:-64px -16px}.slider_theme .ui-icon-triangle-1-sw{background-position:-80px -16px}.slider_theme .ui-icon-triangle-1-w{background-position:-96px -16px}.slider_theme .ui-icon-triangle-1-nw{background-position:-112px -16px}.slider_theme .ui-icon-triangle-2-n-s{background-position:-128px -16px}.slider_theme .ui-icon-triangle-2-e-w{background-position:-144px -16px}.slider_theme .ui-icon-arrow-1-n{background-position:0 -32px}.slider_theme .ui-icon-arrow-1-ne{background-position:-16px -32px}.slider_theme .ui-icon-arrow-1-e{background-position:-32px -32px}.slider_theme .ui-icon-arrow-1-se{background-position:-48px -32px}.slider_theme .ui-icon-arrow-1-s{background-position:-64px -32px}.slider_theme .ui-icon-arrow-1-sw{background-position:-80px -32px}.slider_theme .ui-icon-arrow-1-w{background-position:-96px -32px}.slider_theme .ui-icon-arrow-1-nw{background-position:-112px -32px}.slider_theme .ui-icon-arrow-2-n-s{background-position:-128px -32px}.slider_theme .ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.slider_theme .ui-icon-arrow-2-e-w{background-position:-160px -32px}.slider_theme .ui-icon-arrow-2-se-nw{background-position:-176px -32px}.slider_theme .ui-icon-arrowstop-1-n{background-position:-192px -32px}.slider_theme .ui-icon-arrowstop-1-e{background-position:-208px -32px}.slider_theme .ui-icon-arrowstop-1-s{background-position:-224px -32px}.slider_theme .ui-icon-arrowstop-1-w{background-position:-240px -32px}.slider_theme .ui-icon-arrowthick-1-n{background-position:0 -48px}.slider_theme .ui-icon-arrowthick-1-ne{background-position:-16px -48px}.slider_theme .ui-icon-arrowthick-1-e{background-position:-32px -48px}.slider_theme .ui-icon-arrowthick-1-se{background-position:-48px -48px}.slider_theme .ui-icon-arrowthick-1-s{background-position:-64px -48px}.slider_theme .ui-icon-arrowthick-1-sw{background-position:-80px -48px}.slider_theme .ui-icon-arrowthick-1-w{background-position:-96px -48px}.slider_theme .ui-icon-arrowthick-1-nw{background-position:-112px -48px}.slider_theme .ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.slider_theme .ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.slider_theme .ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.slider_theme .ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.slider_theme .ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.slider_theme .ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.slider_theme .ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.slider_theme .ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.slider_theme .ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.slider_theme .ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.slider_theme .ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.slider_theme .ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.slider_theme .ui-icon-arrowreturn-1-w{background-position:-64px -64px}.slider_theme .ui-icon-arrowreturn-1-n{background-position:-80px -64px}.slider_theme .ui-icon-arrowreturn-1-e{background-position:-96px -64px}.slider_theme .ui-icon-arrowreturn-1-s{background-position:-112px -64px}.slider_theme .ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.slider_theme .ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.slider_theme .ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.slider_theme .ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.slider_theme .ui-icon-arrow-4{background-position:0 -80px}.slider_theme .ui-icon-arrow-4-diag{background-position:-16px -80px}.slider_theme .ui-icon-extlink{background-position:-32px -80px}.slider_theme .ui-icon-newwin{background-position:-48px -80px}.slider_theme .ui-icon-refresh{background-position:-64px -80px}.slider_theme .ui-icon-shuffle{background-position:-80px -80px}.slider_theme .ui-icon-transfer-e-w{background-position:-96px -80px}.slider_theme .ui-icon-transferthick-e-w{background-position:-112px -80px}.slider_theme .ui-icon-folder-collapsed{background-position:0 -96px}.slider_theme .ui-icon-folder-open{background-position:-16px -96px}.slider_theme .ui-icon-document{background-position:-32px -96px}.slider_theme .ui-icon-document-b{background-position:-48px -96px}.slider_theme .ui-icon-note{background-position:-64px -96px}.slider_theme .ui-icon-mail-closed{background-position:-80px -96px}.slider_theme .ui-icon-mail-open{background-position:-96px -96px}.slider_theme .ui-icon-suitcase{background-position:-112px -96px}.slider_theme .ui-icon-comment{background-position:-128px -96px}.slider_theme .ui-icon-person{background-position:-144px -96px}.slider_theme .ui-icon-print{background-position:-160px -96px}.slider_theme .ui-icon-trash{background-position:-176px -96px}.slider_theme .ui-icon-locked{background-position:-192px -96px}.slider_theme .ui-icon-unlocked{background-position:-208px -96px}.slider_theme .ui-icon-bookmark{background-position:-224px -96px}.slider_theme .ui-icon-tag{background-position:-240px -96px}.slider_theme .ui-icon-home{background-position:0 -112px}.slider_theme .ui-icon-flag{background-position:-16px -112px}.slider_theme .ui-icon-calendar{background-position:-32px -112px}.slider_theme .ui-icon-cart{background-position:-48px -112px}.slider_theme .ui-icon-pencil{background-position:-64px -112px}.slider_theme .ui-icon-clock{background-position:-80px -112px}.slider_theme .ui-icon-disk{background-position:-96px -112px}.slider_theme .ui-icon-calculator{background-position:-112px -112px}.slider_theme .ui-icon-zoomin{background-position:-128px -112px}.slider_theme .ui-icon-zoomout{background-position:-144px -112px}.slider_theme .ui-icon-search{background-position:-160px -112px}.slider_theme .ui-icon-wrench{background-position:-176px -112px}.slider_theme .ui-icon-gear{background-position:-192px -112px}.slider_theme .ui-icon-heart{background-position:-208px -112px}.slider_theme .ui-icon-star{background-position:-224px -112px}.slider_theme .ui-icon-link{background-position:-240px -112px}.slider_theme .ui-icon-cancel{background-position:0 -128px}.slider_theme .ui-icon-plus{background-position:-16px -128px}.slider_theme .ui-icon-plusthick{background-position:-32px -128px}.slider_theme .ui-icon-minus{background-position:-48px -128px}.slider_theme .ui-icon-minusthick{background-position:-64px -128px}.slider_theme .ui-icon-close{background-position:-80px -128px}.slider_theme .ui-icon-closethick{background-position:-96px -128px}.slider_theme .ui-icon-key{background-position:-112px -128px}.slider_theme .ui-icon-lightbulb{background-position:-128px -128px}.slider_theme .ui-icon-scissors{background-position:-144px -128px}.slider_theme .ui-icon-clipboard{background-position:-160px -128px}.slider_theme .ui-icon-copy{background-position:-176px -128px}.slider_theme .ui-icon-contact{background-position:-192px -128px}.slider_theme .ui-icon-image{background-position:-208px -128px}.slider_theme .ui-icon-video{background-position:-224px -128px}.slider_theme .ui-icon-script{background-position:-240px -128px}.slider_theme .ui-icon-alert{background-position:0 -144px}.slider_theme .ui-icon-info{background-position:-16px -144px}.slider_theme .ui-icon-notice{background-position:-32px -144px}.slider_theme .ui-icon-help{background-position:-48px -144px}.slider_theme .ui-icon-check{background-position:-64px -144px}.slider_theme .ui-icon-bullet{background-position:-80px -144px}.slider_theme .ui-icon-radio-on{background-position:-96px -144px}.slider_theme .ui-icon-radio-off{background-position:-112px -144px}.slider_theme .ui-icon-pin-w{background-position:-128px -144px}.slider_theme .ui-icon-pin-s{background-position:-144px -144px}.slider_theme .ui-icon-play{background-position:0 -160px}.slider_theme .ui-icon-pause{background-position:-16px -160px}.slider_theme .ui-icon-seek-next{background-position:-32px -160px}.slider_theme .ui-icon-seek-prev{background-position:-48px -160px}.slider_theme .ui-icon-seek-end{background-position:-64px -160px}.slider_theme .ui-icon-seek-start{background-position:-80px -160px}.slider_theme .ui-icon-seek-first{background-position:-80px -160px}.slider_theme .ui-icon-stop{background-position:-96px -160px}.slider_theme .ui-icon-eject{background-position:-112px -160px}.slider_theme .ui-icon-volume-off{background-position:-128px -160px}.slider_theme .ui-icon-volume-on{background-position:-144px -160px}.slider_theme .ui-icon-power{background-position:0 -176px}.slider_theme .ui-icon-signal-diag{background-position:-16px -176px}.slider_theme .ui-icon-signal{background-position:-32px -176px}.slider_theme .ui-icon-battery-0{background-position:-48px -176px}.slider_theme .ui-icon-battery-1{background-position:-64px -176px}.slider_theme .ui-icon-battery-2{background-position:-80px -176px}.slider_theme .ui-icon-battery-3{background-position:-96px -176px}.slider_theme .ui-icon-circle-plus{background-position:0 -192px}.slider_theme .ui-icon-circle-minus{background-position:-16px -192px}.slider_theme .ui-icon-circle-close{background-position:-32px -192px}.slider_theme .ui-icon-circle-triangle-e{background-position:-48px -192px}.slider_theme .ui-icon-circle-triangle-s{background-position:-64px -192px}.slider_theme .ui-icon-circle-triangle-w{background-position:-80px -192px}.slider_theme .ui-icon-circle-triangle-n{background-position:-96px -192px}.slider_theme .ui-icon-circle-arrow-e{background-position:-112px -192px}.slider_theme .ui-icon-circle-arrow-s{background-position:-128px -192px}.slider_theme .ui-icon-circle-arrow-w{background-position:-144px -192px}.slider_theme .ui-icon-circle-arrow-n{background-position:-160px -192px}.slider_theme .ui-icon-circle-zoomin{background-position:-176px -192px}.slider_theme .ui-icon-circle-zoomout{background-position:-192px -192px}.slider_theme .ui-icon-circle-check{background-position:-208px -192px}.slider_theme .ui-icon-circlesmall-plus{background-position:0 -208px}.slider_theme .ui-icon-circlesmall-minus{background-position:-16px -208px}.slider_theme .ui-icon-circlesmall-close{background-position:-32px -208px}.slider_theme .ui-icon-squaresmall-plus{background-position:-48px -208px}.slider_theme .ui-icon-squaresmall-minus{background-position:-64px -208px}.slider_theme .ui-icon-squaresmall-close{background-position:-80px -208px}.slider_theme .ui-icon-grip-dotted-vertical{background-position:0 -224px}.slider_theme .ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.slider_theme .ui-icon-grip-solid-vertical{background-position:-32px -224px}.slider_theme .ui-icon-grip-solid-horizontal{background-position:-48px -224px}.slider_theme .ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.slider_theme .ui-icon-grip-diagonal-se{background-position:-80px -224px}.slider_theme .ui-corner-all,.slider_theme .ui-corner-top,.slider_theme .ui-corner-left,.slider_theme .ui-corner-tl{-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;-khtml-border-top-left-radius:4px;border-top-left-radius:4px}.slider_theme .ui-corner-all,.slider_theme .ui-corner-top,.slider_theme .ui-corner-right,.slider_theme .ui-corner-tr{-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;-khtml-border-top-right-radius:4px;border-top-right-radius:4px}.slider_theme .ui-corner-all,.slider_theme .ui-corner-bottom,.slider_theme .ui-corner-left,.slider_theme .ui-corner-bl{-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;-khtml-border-bottom-left-radius:4px;border-bottom-left-radius:4px}.slider_theme .ui-corner-all,.slider_theme .ui-corner-bottom,.slider_theme .ui-corner-right,.slider_theme .ui-corner-br{-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;-khtml-border-bottom-right-radius:4px;border-bottom-right-radius:4px}.slider_theme .ui-widget-overlay{background:#666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;opacity:.5;filter:Alpha(Opacity=50)}.slider_theme .ui-widget-shadow{margin:-5px 0 0 -5px;padding:5px;background:#000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;opacity:.2;filter:Alpha(Opacity=20);-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.slider_helper
{
	moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	height: 10px;
	background-color: #FFDE8C;
}

#fb_page{
	margin-top: 5px;
}


#forecaster_blog_content {
    padding: 5px 0px 5px 0px;
    height: auto;
}
.forecaster_news_more {
    font-size: 12px;
    line-height: 18px;
    display: inline-block;
    width: 90%;
    text-align: center;
    border: 1px solid #4b98e6;
    border-radius: 4px;
    text-decoration: none;
    margin: 0 auto!important;
}

.forecaster_news_more:hover {
    text-decoration: underline;
}
.forecaster_blog_img {
 

}
#forecaster_blog_title {
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #337FCC;
    font-size: 18px;
    color: #FFF;
}
#forecaster_blog a {
    text-decoration: none;
}
#forecaster_blog_title a {
    text-decoration: none;
    color: #FFF;
}
#forecaster_blog a:hover {
    text-decoration: underline;
}

#forecaster_blog_title a:hover {
    text-decoration: underline;
    color: #FFF;
}
#multidisplay_panel_menu {
  width: auto;
}
#multidisplay_panel_menu,
#multidisplay_panel_menu ul,
#multidisplay_panel_menu ul li,
#multidisplay_panel_menu ul li a {
  padding: 0;
  margin: 0;
  line-height: 1;
  color: white;
  z-index: 10;
}
#multidisplay_panel_menu:before,
#multidisplay_panel_menu:after,
#multidisplay_panel_menu > ul:before,
#multidisplay_panel_menu > ul:after {
  content: '';
  display: table;
}
#multidisplay_panel_menu:after,
#multidisplay_panel_menu > ul:after {
  clear: both;
}
#multidisplay_panel_menu ul {
	background: #337FCC;
	border-bottom: 3px solid #244fa1;
}
#multidisplay_panel_menu ul > li {
  float: left;
  list-style: none;
}
#multidisplay_panel_menu ul > li > a {
  display: block;
  text-decoration: none;
  position: relative;
  text-align: center;
  width: 164.5px;
  line-height: 28px;
  font-size: 100%;
}
#multidisplay_panel_menu ul > li > a:hover {
	/*background: #13A88A; */
	background: #16CBAC; 
	color: white;
}
#multidisplay_panel_menu ul > li > a.active {
	background: #13a88a; 
	color: white;
}
#multidisplay_panel_menu ul > li.active a
{
	background: #13a88a; 
	color: white;
	/*
	background: #FFC200;
	color: #000;*/
}
#multidisplay_panel_menu ul > li.active > ul a
{
	background: none; 
	color: #333;
}
#multidisplay_panel_menu ul > li > a:hover:before {
  content: '';
  z-index: 2;
  position: absolute;
  border: 1px solid white;
  border-top: 0;
  border-bottom: 0;
  border-right: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: -1px;
  opacity: .2;
}
#multidisplay_panel_menu ul > li > a:hover:after {
  content: '';
  z-index: 2;
  position: absolute;
  border: 1px solid white;
  border-top: 0;
  border-bottom: 0;
  border-left: 0;
  width: 100%;
  height: 100%;
  top: 0;
  right: -1px;
  opacity: .2;
}
#multidisplay_panel_menu > ul > li > ul {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
/*
#multidisplay_panel_menu > ul > li:hover > ul {
  opacity: 0.9;
  visibility: visible;
  position: absolute;
}
*/
.ul_hover{
  opacity: 0.9!important;
  visibility: visible!important;
  position: absolute;
}
#multidisplay_panel_menu > ul > li > ul {
  position: absolute;
  width: 200px;
  background: #FFF;
}
#multidisplay_panel_menu > ul > li > ul > li {
  float: none;
  position: relative;
  width: 80%
}
#multidisplay_panel_menu > ul > li > ul > li > ul {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
#multidisplay_panel_menu > ul > li > ul > li:hover > ul {
  opacity: 1;
  visibility: visible;
  position: absolute;
}
#multidisplay_panel_menu > ul > li > ul > li > ul {
  left: 200px;
  top: 1px;
  width: 200px;
}
#multidisplay_panel_menu > ul > li > ul > li > ul > li {
  float: none;
}

#multidisplay_panel_menu ul > li > ul > li > a
{
	width: 100%;
	text-align: left;
	padding-left: 30px;
	color: #154D62;
}
#multidisplay_panel_menu ul > li > ul > li > a:hover
{
	color: #154D62;
	text-decoration: underline;
	width: 100%;
	background: #FFF;
}

/*Regional Map*/
#regional_map_container,
#regional_map_container2
{
	z-index: 1;
    height:399px;
    width:658px;
	max-width: 100%;
	margin: auto;
    position:relative;
    color:black;
    font-size:16px;
    font-weight:normal;
	background: url(/content_elements_v2/images/hko_map_terrain.png) no-repeat;
	background-position: 0 -48PX;
	overflow: hidden;
	/*background-position: unset !important;*/
}




#regional_map_container div,
#regional_map_container2 div 
{
	position:absolute;
	color: #F4F909;	
	text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000, -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000, -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000, -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000, -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000, -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000, 0px 0px 0 #C2C2C2,1px 1px 0 #8F8F8F,2px 2px 0 #5C5C5C,3px 3px 0 #292929,4px 4px 0 #000, 5px 5px 0 #000,6px 6px 5px rgba(0, 0, 0, 0.6),6px 6px 1px rgba(0, 0, 0, 0.5),0px 0px 5px rgba(0, 0, 0, 0.2);
	text-shadow: -1px -1px 4px #000, 2px 2px 4px #000, 3px 3px 9px #3C3C3C;
	/*
	text-shadow: -1px -1px 1px #FFF, 1px -1px 1px #FFF, -1px 1px 1px #FFF, 1px 1px 1px #FFF, -1px -1px 1px #FFF, 1px -1px 1px #FFF, -1px 1px 1px #FFF, 1px 1px 1px #FFF, -1px -1px 1px #FFF, 1px -1px 1px #FFF, -1px 1px 1px #FFF, 1px 1px 1px #FFF, -1px -1px 1px #FFF, 1px -1px 1px #FFF, -1px 1px 1px #FFF, 1px 1px 1px #FFF, -1px -1px 1px #FFF, 1px -1px 1px #FFF, -1px 1px 1px #FFF, 1px 1px 1px #FFF, -1px -1px 1px #FFF, 1px -1px 1px #FFF, -1px 1px 1px #FFF, 1px 1px 1px #FFF, 0px 0px 0 #C2C2C2,1px 1px 0 #8F8F8F,2px 2px 0 #5C5C5C,3px 3px 0 #292929,4px 4px 0 #FFF, 5px 5px 0 #FFF,6px 6px 5px rgba(0, 0, 0, 0.6),6px 6px 1px rgba(0, 0, 0, 0.5),0px 0px 5px rgba(0, 0, 0, 0.2);
*/
}
#regional_map_container div a {
	color: #F4F909;	
}
#regional_map_container div a:hover, #regional_map_container div a:focus {
	text-decoration: none !important;
}
#regional_map_container div a:focus {
	outline-offset: 1px;
}
#regional_map_container #stnFullName {
	left: 10px;
}
/* 20200214 */
#regional_map_container .temp, #regional_map_container .rh, #regional_map_container .maxTemp, #regional_map_container .minTemp, #regional_map_container .rf,
#regional_map_container .temprange, #regional_map_container2 .temp, #regional_map_container2 .rh, #regional_map_container2 .maxTemp, #regional_map_container2 .minTemp, #regional_map_container2 .rf,
#regional_map_container .gust,#regional_map_container .msl,#regional_map_container .hkhi ,#regional_map_container .grasstemp
{
	background-color: rgba(0, 0, 0, 0.25);
	padding: 2px 5px 1px 4px;   
	border-radius: 10px;
	font-weight: bold;
	font-size:14px;
}
#regional_map_container image,
#regional_map_container2 image
{    
    position:absolute;
    left:0;
    top:0;
}
#wgl {left: 439px; top: 325px; cursor:pointer; text-align:center;}
#sty {left: 376px; top: 307px; cursor:pointer; text-align:center}
/* hks needed to be modified */
#hks {left: 337px; top: 279px; cursor:pointer; text-align:center;}
#skw {left: 392px; top: 247px; cursor:pointer; text-align:center;}
#hko {left: 346px; top: 223px; cursor:pointer; text-align:center;}
#ty1 {left: 278px; top: 185px; cursor:pointer; text-align:center;}
/* jkb needed to be modified */
#jkb {left: 421px; top: 226px; cursor:pointer; text-align:center;} 
#tun { left:171px; top:144px; cursor:pointer;  text-align:center;}
#wlp { left:205px; top:77px; cursor:pointer;  text-align:center;}
#sek {left: 264px; top: 104px; cursor:pointer;  text-align:center;}
#hka { left:124px; top:217px; cursor:pointer;  text-align:center;}
#clk { left:124px; top:217px; cursor:pointer;  text-align:center;}
#pen { left:228px; top:235px; cursor:pointer;  text-align:center;}
#cch {left: 220px; top: 305px; cursor:pointer;  text-align:center;}
#tkl {left: 338px; top: 20px; cursor:pointer;  text-align:center;}
#ssh {left: 300px; top:43px; cursor:pointer;  text-align:center;}
#tp {left: 337px; top: 84px; cursor:pointer; text-align:center;}
#tpo {left: 337px; top: 84px; cursor:pointer; text-align:center;}
#sha {left: 374px; top: 132px; cursor:pointer; text-align:center;}
#skg {left: 422px; top: 158px; cursor:pointer; text-align:center;}
#wts {left: 369px; top: 189px; cursor:pointer; text-align:center;}
#ksc {left: 468px; top: 174px; cursor:pointer; text-align:center;}
#tw {left: 295px; top: 151px; cursor:pointer; text-align:center;}
#tyw {left: 468px; top: 134px; cursor:pointer; text-align:center;}
#ngp {left: 112px; top: 261px; cursor:pointer; text-align:center;}
#lfs { left:194px; top:62px; cursor:pointer; text-align:center;}
#kp {left: 334px; top: 213px; cursor:pointer; text-align:center;}
#ssp  {left: 312px; top: 198px; cursor:pointer; text-align:center;}
#cen {left: 324px; top: 243px; cursor:pointer; text-align:center;}
#swh {left: 389px; top: 243px; cursor:pointer; text-align:center;}
#yl { left:223px; top:94px; cursor:pointer; text-align:center;}
/* hkp needed to be modified */
#hkp {left: 336px; top: 244px; cursor:pointer; text-align:center;}
#ylp { left:222px; top:104px; cursor:pointer; text-align:center;}
#ktg {left:386px; top:216px; cursor:pointer; text-align:center;}
#klt {left:355px; top:205px; cursor:pointer; text-align:center;}
#vp1 {left:313px; top:261px; cursor:pointer; text-align:center;}
#hpv {left:358px; top:263px; cursor:pointer; text-align:center;}
#twn {left:280px; top:137px; cursor:pointer; text-align:center;}
#tms {left:303px; top:118px; cursor:pointer; text-align:center;}
#tc {left:386px; top:166px; cursor:pointer; text-align:center;}
#plc {left: 385px; top: 58px; cursor:pointer;}
#cwb {left: 447px; top: 250px; cursor:pointer;}

#tpk_wind {left: 356px; top: 94px; cursor:pointer;}
#lfs_wind { left:194px; top:62px; cursor:pointer;}
#tun_wind { left:171px; top:144px; cursor:pointer;}
#clk_wind { left:124px; top:217px; cursor:pointer;}
#hka_wind { left:124px; top:217px; cursor:pointer;}
#pen_wind { left:228px; top:235px; cursor:pointer;}
#cch_wind {left: 220px; top: 305px; cursor:pointer;}
#tkl_wind {left: 338px; top: 13px; cursor:pointer;}
#sek_wind {left: 265px; top: 93px; cursor:pointer;}
#sha_wind {left: 374px; top: 132px; cursor:pointer;}
#wgl_wind {left: 436px; top: 314px; cursor:pointer;}
#hks_wind {left: 338px; top: 275px; cursor:pointer;}
#jkb_wind {left: 418px; top: 213px; cursor:pointer;}
#skg_wind {left: 422px; top: 158px; cursor:pointer;}
#ksc_wind {left: 468px; top: 174px; cursor:pointer;}
#ty1_wind {left: 283px; top: 187px; cursor:pointer;}
#ngp_wind {left: 112px; top: 261px; cursor:pointer;}
#sty_wind {left: 376px; top: 309px; cursor:pointer;}
#tw_wind {left: 295px; top: 151px; cursor:pointer;}
#sf_wind {left: 334px; top: 213px; cursor:pointer;}
#se_wind   {left: 373px; top: 212px; cursor:pointer;}
#tap_wind {left: 496px; top: 56px; cursor:pointer;}
#gi_wind {left: 290px; top: 230px; cursor:pointer;}
#plc_wind {left: 385px; top: 58px; cursor:pointer;}
#tc_wind {left: 376px; top: 175px; cursor:pointer;}
#sc_wind {left: 103px; top: 181px; cursor:pointer;}
#cp1_wind {left: 335px; top: 240px; cursor:pointer;}
#lam_wind {left: 291px; top: 293px; cursor:pointer;}
#np1_wind {left: 386px; top: 242px; cursor:pointer;}	

#hka_rh { left:133px; top:221px; cursor:pointer;  text-align:center;}
#clk_rh { left:133px; top:221px; cursor:pointer;  text-align:center;}
#cch_rh {left: 230px; top: 308px; cursor:pointer;  text-align:center;}
#pen_rh { left:237px; top:235px; cursor:pointer;  text-align:center;}
#wgl_rh {left: 446px; top: 325px; cursor:pointer; text-align:center;}
#hks_rh {left: 346px; top: 274px; cursor:pointer; text-align:center;}
#hko_rh {left: 349px; top: 223px; cursor:pointer; text-align:center;}
#jkb_rh {left: 422px; top: 216px; cursor:pointer; text-align:center;}
#tun_rh { left:182px; top:144px; cursor:pointer;  text-align:center;}
#ty1_rh {left: 288px; top: 185px; cursor:pointer; text-align:center;}
#tkl_rh {left: 344px; top: 20px; cursor:pointer;  text-align:center;}
#sek_rh {left: 271px; top: 104px; cursor:pointer;  text-align:center;}
#skg_rh {left: 430px; top: 158px; cursor:pointer; text-align:center;}
#ksc_rh {left: 474px; top: 174px; cursor:pointer; text-align:center;}
#tw_rh {left: 302px; top: 151px; cursor:pointer; text-align:center;}
#tp_rh {left: 348px; top: 84px; cursor:pointer; text-align:center;}
#tpo_rh {left: 348px; top: 84px; cursor:pointer; text-align:center;}
#sha_rh {left: 374px; top: 132px; cursor:pointer; text-align:center;}
#ssh_rh {left: 300px; top:43px; cursor:pointer;  text-align:center;}
#wlp_rh { left:205px; top:77px; cursor:pointer;  text-align:center;}
#lfs_rh { left:194px; top:62px; cursor:pointer; text-align:center;}
#twn_rh {left:280px; top:137px; cursor:pointer; text-align:center;}
  
.windData {
	height:40px; 
	width:40px;
	background-size: contain; 
	line-height:25px;
	text-align:center;
	font-size:14px;
	font-weight:normal;
	text-shadow:none!important;
	color: black!important;
	line-height:40px;	
}
.windData>a{
	color: black!important;
}
.maxTemp>a, .positiveTemp>a,.msl>a, .gust>a, .hkhi>a, .grasstemp>a
{
	color: #FFC52F!important;
	/*text-shadow: -1px -1px 4px #FFF, 2px 2px 4px #FFF, 3px 3px 9px #FFF!important;*/
}
.minTemp>a, .negativeTemp>a
{
	color: #00ECFF!important;
	/*text-shadow: -1px -1px 4px #FFF, 2px 2px 4px #FFF, 3px 3px 9px #FFF!important;*/
}
#regionTime,
#regionYesTime  {
	left: 0;
	right: 0 !important; 
    top: auto !important;
	bottom: 0;
	font-size: 18px; 
	font-weight:normal; 
	position:absolute; 
	color: white;
	/*font-weight:bold;*/
	background: #1768dd;
	padding: 6px 10px 6px 3px;
  text-align:right;
}

#regionTimeChi  {
	left: 0;
	right: 0 !important;
    top: auto !important;
	bottom: 0;
	font-size: 18px; 
	font-weight:normal; 
	position:absolute; 
	color: white;
	/*font-weight:bold;*/
	/*background: #0096FA;*/
	background: #1768dd;
	padding: 6px 10px 6px 3px;
	z-index: -1;
  display:inline-block;
  text-align:right;
  line-height:110%
}

#marineNotice  {
	/*right: 240px; */
	right: 10%;
	left: 10%;
	top: 53px; 
	font-size: 100%; 
	font-weight:normal; 
	position:absolute; 
	color: blue;
	font-weight:bold;
	background: white;
	border: solid 2px red;
	padding: 3px;
	z-index: -1;
  display:inline-block;
  text-align:center;
  line-height:110%
}

#marineLogo  {
	right: 0px; 
	top: 0px; 
	position:absolute; 
	z-index: -1;
	display:block;
	background-image: url(/content_elements_v2/images/md.gif);
	width: 120px;
	height:35px;
}

#hkoLogo  {
	/*right: 478px; */
	left: 0px;
	top: 0px; 
	position:absolute; 
	z-index: -1;
	display:block;
	background-image: url(/content_elements_v2/images/hkologovis.gif);
	width: 180px;
	height:35px;
}

nav {display:block;}
 nav ul {
	background: #337FCC;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100%;
}
nav li {
	display: inline-block;
	margin: 0;
	padding: 0;
	position: relative;
	min-width:10%;
	float:left;
	line-height:16px;
}
nav a {
/*	line-height:16px;
	display: block;
	font-size:16px;
	padding: 8px 10px;
	text-align: center;
	text-decoration: none;*/
	-webkit-transition: all .25s ease;
	   -moz-transition: all .25s ease;
		-ms-transition: all .25s ease;
		 -o-transition: all .25s ease;
			transition: all .25s ease;
}
nav .dropdown:after {
	content: ' \25bc';
}
nav li:hover a {
	text-decoration:none!important;
	color:#154D62;
}
nav li ul {
	left: 0;
	opacity: 0;
	position: absolute;
	top: 35px;
	visibility: hidden;
	z-index: 1;
	
	-webkit-transition: all .25s ease;
	   -moz-transition: all .25s ease;
		-ms-transition: all .25s ease;
		 -o-transition: all .25s ease;
			transition: all .25s ease;
}
nav li:hover ul {
	opacity: 1;
	top: 32px;
	visibility: visible;
	background: #fff;
}
nav li:hover ul a {
	color:#154D62!important;
}
nav li ul li {
	width: 100%;
	color:red;
}
nav li ul a:hover {
	text-decoration:underline!important;
	color:#154D62!important;
	
}
#fnd { border: solid 1px #5cadd6; height:270px}
#fnd #fnd_title {height:32px!important; padding:0; margin:0; background:#337FCC;}
#fnd #fnd_content img#dynamic { border-radius:0;}
nav ul li a.unchoosen {background: #337FCC cursor:pointer;}
nav ul li a.unchoosen:hover {background: #16CBAC;}
nav ul li a.choosen { background: #13a88a; cursor:default;}

.annotInfo{
    text-align: left;
	padding:0;
}
#fcstLegendHelp{
	display:none;
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background-color:#fff;
	padding:20px 30px;
	border: 1px solid black;
	width: 100%;
    height: 100%;
}
#fcstLegendHelp img{
	height:1em;
}
#fcstLegendHelp.active{
	display:block;
}
.area_weather_forecast.awf_2>div:nth-child(2)>div.annotInfo{
	padding:0;
}
.annotInfo>div{
	display: inline-block;
}
.annotInfo>div>a{
    position: relative;
}
.annotInfo>div>a:after {
    content: '';
    position: absolute;
    width: 1px;
    top: 8px;
    bottom: 8px;
    right: 0;
    background-color: #444;
}
.annotInfo>div:last-child>a:after {
	display: none;
}
#extendFcstDetail.annotInfo>div>a {
    display: block;
    /* width: 220px; */
    text-align: center;
    padding: 4px 18px;/*
    margin: 0px 10px;*/
    color: #444 !important;
    text-decoration: none;
    font-size: 1.2em;
    letter-spacing: .16em;
}
body.englishVersion #extendFcstDetail.annotInfo>div>a {
	letter-spacing: 0;
}

#extendFcstDetail.annotInfo>div{
	display:inline-block;
}
#fcstNote {
	position: absolute;
	top: 213px;
    left: 2px;
    font-size: 14px;
}
.socialIcon {
	display:inline-block;
	padding:5px 2px 5px 4px;
	width:30px;
	vertical-align:top;
}
.tempchangelegend {
    background-color: white;
    font-size: 12px;
    color: black;
    display: block;
    width: 140px;
}	

/* entire container, keeps perspective */
.flip-container {
	-webkit-perspective: 1000px;
	-webkit-transform-style: preserve-3d;
	perspective: 1000px;	
	transform-style: preserve-3d;
	
	display: inline-block;
}
	/*  UPDATED! flip the pane when hovered */
	.flip-container:hover .back {
		-webkit-transform: rotateY(0deg);
		transform: rotateY(0deg);
	}
	.flip-container:hover .front {
		-webkit-transform: rotateY(180deg);
	    transform: rotateY(180deg);
	}

.flip-container, .front, .back {
	width: 40px;
	height: 40px;
}

/* flip speed goes here */
.flipper {
	-webkit-transition: 0.6s;
	-webkit-transform-style: preserve-3d;
	transition: 0.6s;
	transform-style: preserve-3d;
	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	-webkit-backface-visibility: hidden;	
	-webkit-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-webkit-transition: 0.6s;
	backface-visibility: hidden;
	transition: 0.6s;
	transform-style: preserve-3d;

	position: absolute;
	top: 0;
	left: 0;
}

/*  UPDATED! front pane, placed above back */
.front {
	-webkit-transform: rotateY(0deg);
	z-index: 2;
	transform: rotateY(0deg);
}

/* back, initially hidden pane */ 
.back {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(-180deg);
	font-size:14px;	
	padding-top:5px;
}



#regional_map_container2{
	background-repeat: no-repeat;
}

#climateContainer{
	height: 210px; 
	width: 100%; 
	background-color:#ffffff;
}

.currwx_uv a{
	color: #ffffff;
}

.acm_hl_scene .acm_dmy>div>div:nth-child(1)>span{
	float: none;
	margin-top: 0;
	font-size: 1em;
}
.acm_hl_scene .acm_dmy>div>div:nth-child(1)>div.div_float_right{
	/*
	float:right;
	margin-top: .2em;
	*/
	position: absolute;
	right: 16px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
    font-size: .857em;
	width: auto;
}


#moonPhase{
	margin-top: 0;
	padding-right: 22px;
}

.lightninglegend{
	position: absolute;
	bottom: 26px;
    right: -4px;
	background-color: #ccffff;
    padding: 5px;
	display: none;
}
.lightninglegend.active{
	display: block;
}

.awm_scene.scene_7 .wwi_map_holder {
	overflow: hidden;
	width: 100%;
	/*height: 399px;*/
}

.awm_scene.scene_7 .wwi_map {
	text-align: center;
    height: 399px;
}

.awm_scene.scene_7 .wwi_map iframe{
	width: 100%;
    height: 100%;
}


.chart_holder {
	padding: 0;
}

.chart_holder > div {
	display: block;
	min-height: auto !important;
}

.chart_holder #annotTitle, .chart_holder #annotDate {
			  
	text-align: center;
}

.chart_holder #annotTitle {
	top: 0;
}

.chart_holder #annotDate {
	bottom: 0;
}

.chart_holder .chart_main {
	overflow: auto;
	white-space:nowrap;
	position: relative;
	max-width: 675px;
}

.chart_holder .chart_main div {
	white-space:normal;
}

.chart_holder .chart {
	display: inline-block !important;
				   
}

.chart_holder .chart_inner {
				 
	position: relative;
}

.chart_holder .chart.left, .chart_holder .chart.right {
	width: 10%;
	position: absolute;
    top: 0;
	bottom: 0;
}

.chart_holder .chart.left {
	left: 0;
}

.chart_holder .chart.right {
	right: 0;
}

.chart_holder .chart.right #slegend {
	height: 100%;
}

.chart_holder .chart.right #slegend img {
	max-height: 100%;
}

.chart_holder .chart.right > div {
	text-align: center;
}

.chart_holder .chart.middle {
	margin: 0 10%;
	width: 80%;
	text-align: center;
}

.chart_holder .chart.left #annotYAxis {
	position: absolute;
    top: 40%;
    left: 100%;
    right: 0;
    bottom: 0;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
					
	white-space: nowrap;
    text-align: center;
	margin-top: 50%;
}

.chart_holder .chart.left #annotYAxis.alignLeft {
	margin-top: 75%;
	left: 0;
}

.chart_holder .chart_bottom {
	position: relative;
}

.chart_holder #annotLegend {
	position: absolute;
    right: 0;
    top: 0;
	text-align: center;
}

@media screen and (max-width: 500px) {
	.chart_holder {
		font-size: 0.6em;
	}
	
	#regional_map_container .temp, #regional_map_container .rh, #regional_map_container .maxTemp, #regional_map_container .minTemp, #regional_map_container .rf,
	#regional_map_container .temprange, #regional_map_container2 .temp, #regional_map_container2 .rh, #regional_map_container2 .maxTemp, #regional_map_container2 .minTemp, #regional_map_container2 .rf
	{
		font-size: 0.6em;
	}
}

/* replace or remove in layout.css */
#flexslider_sw .flex-active-slide{
	opacity: 1 !important;
	z-index: 2 !important;
}
#flexslider_hl .flex-active-slide{
	opacity: 1 !important;
	z-index: 2 !important;
}

#flexslider_hl ul li {
	display: none !important;
}


#flexslider_hl ul .flex-active-slide{
	display: block !important;
}

body .w3>.currentTool{
	background-image:url(../images/bg_main1.jpg);
}
body .currentTool .warea3{
	position: static;
    z-index: auto;
}
.area_immediate .feedback{
	position: relative;
}
/* replace or remove in layout.css */

.area_daily_weather #flexslider_dw2 .adw_day>div:nth-child(1) a {
    color: #444;
	text-decoration: none;
}

/*.area_posts .header {
	font-size: 1.6em;
}*/

.area_facebook .fb_scene {
	text-align: center;
}



#climateContainer.whole_year .highcharts-container .highcharts-series-0.highcharts-tracker{
	transform: matrix(1, 0, 0, 1, 77, 47) !important;
}
#climateContainer.whole_year .highcharts-container .highcharts-series-1.highcharts-tracker{
	transform: matrix(1, 0, 0, 1, 77, 47) !important;
}
#climateContainer.whole_year .highcharts-container .highcharts-series-2.highcharts-tracker{
	transform: matrix(1, 0, 0, 1, 78, 47) !important;
}



#regional_map_container2 .regional_map_container2_arrow{
	top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
}
#regional_map_container2 .regional_map_container2_arrow>a{
	background: url(../images/icon_main_header_arrow.png);
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 100px;
    background-color: rgba(255, 255, 255, .7);
    background-size: 24px;
    position: absolute;
    top: 50%;
}
#regional_map_container2 .regional_map_container2_arrow>a.prev{
	left: 10px;
	transform: translateY(-50%) rotate(90deg);
}
#regional_map_container2 .regional_map_container2_arrow>a.next{
	right: 10px;
	transform: translateY(-50%) rotate(-90deg);
}

@media screen and (max-width: 1300px) {
	body .acm_dmy {
		font-size: 0.9em;
	}
}
@media screen and (max-width: 1100px) {
	body .acm_dmy {
		font-size: 0.8em;
	}
}

@media screen and (max-width: 979px) {
	body .area_posts {
		overflow-x: inherit;
		overflow-y: inherit;
		white-space: normal;
	}
	
	body .acm_dmy {
		font-size: 1em;
	}
	
	body.englishVersion #fnd_general {
		margin-top: 0;
	}
	/* added for e_promotion_banner */
	body .e_promotion_banner{
		display: block !important;
	}


}

 .area_weather_forecast #fuvContenContainer {
	 display: none;
 }

.area_weather_forecast .fuv_border {
	height: 2px !important;
    background: #1e69aa;
    margin-left: -15px;
    margin-right: -10px;
}

.area_weather_forecast #fuvContent {
	padding: 1em 0;
}

.page_scroll ul a:focus {
	outline: none;
}

#flexslider_hl ul li > div > div {
	border-radius: 10px;
    overflow: hidden;
}

/* @media screen and (max-width: 750px) {
	#regional_map_container .temp, #regional_map_container .rh, #regional_map_container .maxTemp, #regional_map_container .minTemp, #regional_map_container .rf,
	#regional_map_container .temprange, #regional_map_container2 .temp, #regional_map_container2 .rh, #regional_map_container2 .maxTemp, #regional_map_container2 .minTemp, #regional_map_container2 .rf
	{
		font-size: 0.6em;
	}
}

@media screen and (min-device-width: 980px) and (max-device-width: 1200px) {
	#regional_map_container .temp, #regional_map_container .rh, #regional_map_container .maxTemp, #regional_map_container .minTemp, #regional_map_container .rf,
	#regional_map_container .temprange, #regional_map_container2 .temp, #regional_map_container2 .rh, #regional_map_container2 .maxTemp, #regional_map_container2 .minTemp, #regional_map_container2 .rf
	{
		font-size: 0.6em;
	}
} */
@media screen and (max-width: 750px) {
	#regional_map_container .temp, #regional_map_container .rh, #regional_map_container .maxTemp, #regional_map_container .minTemp, #regional_map_container .rf,
	#regional_map_container .temprange, #regional_map_container .hkhi, #regional_map_container .grasstemp, #regional_map_container .gust, #regional_map_container .windData, #regional_map_container .msl, 
	#regional_map_container2 .temp, #regional_map_container2 .rh, #regional_map_container2 .maxTemp, #regional_map_container2 .minTemp, #regional_map_container2 .rf,
	#regional_map_container2 .hkhi, #regional_map_container2 .grasstemp, #regional_map_container2 .gust, #regional_map_container2 .windData, #regional_map_container2 .msl
	{
		font-size: 0.6em;
	}
}

@media screen and (min-device-width: 980px) and (max-device-width: 1200px) {
	#regional_map_container .temp, #regional_map_container .rh, #regional_map_container .maxTemp, #regional_map_container .minTemp, #regional_map_container .rf,
	#regional_map_container .temprange, #regional_map_container .hkhi, #regional_map_container .grasstemp, #regional_map_container .gust, #regional_map_container .windData,#regional_map_container .msl, 
	#regional_map_container2 .temp, #regional_map_container2 .rh, #regional_map_container2 .maxTemp, #regional_map_container2 .minTemp, #regional_map_container2 .rf,
	#regional_map_container2 .hkhi, #regional_map_container2 .grasstemp, #regional_map_container2 .gust, #regional_map_container2 .windData, #regional_map_container2 .msl
	{
		font-size: 0.6em;
	}
}

.headerTool .myLogo img {
	max-width: 355px;
}

.area_weather_forecast p{
	font-size: 1.2em;
}

.area_weather_forecast .header p{
	font-size: 1.4em;
}


/*20200317**/
.area_warning .special .special_new_icon{
	display:none;
}

.area_warning .special .header_special>div.separator{
	display:none;
}

.area_warning .special{
	background-color:unset;
	    box-shadow: unset;
}

body .area_warning .special .aat_scene{
	background-color:rgba(255, 255, 255, 0.8);
	    padding-left: 20px;
}

.area_warning .special .header_special{
	margin:0;
	padding:0;
}

.area_warning .special .header_special>div.active{	
	background-color:rgba(255, 255, 255, 0.8);
}

body .area_warning .special .header_special>div{
	padding: 12px 20px 5px 20px;
	background-color:rgba(228, 228, 228, 0.8) ;
}

html:lang(en) .area_warning .special .header_special>div{
	padding-bottom:8px;
}

body .area_warning .special .header_special>div a:hover{
	text-decoration:none !important;
}

.area_warning .special .header{
	border:0;
	height: 46px;
}

.area_warning .special .header_special>div{
	height: 46px;
}

.area_warning .special .header_special>div.active{
	border-bottom:2px solid #c10038;
	
}

.area_warning .special .header_special>div:hover{
	border-bottom:2px solid #c10038;
}

.area_warning .special .header_special>div a:hover{
	cursor:pointer;
}

/*body .mainpage0 .special .area_alert .flex_control_area{
    bottom: -10px;
}	*/

html:lang(en) body .mainpage0 .special .area_alert .flex_control_area{
 bottom: -7px;
}

html:lang(en) body .area_warning #flexslider_sw .flex-pauseplay{
 bottom: -7px;
}

body .mainpage0 .special .area_alert2 .flex_control_area{
	top: auto;
   bottom: 18px;
	right: 0;
	margin-right: 9px;
}	

body .area_warning #flexslider_sw .flex-pauseplay{
	bottom:0;
	top:unset !important;
	margin-right: -1em;
}

.area_warning .special .aat_scene{
	box-shadow: 4px 10px 20px rgba(0, 0, 0, 0.14), 4px 6px 6px rgba(0, 0, 0, 0.18);
    padding-bottom: 2em;
}

html:not(:lang(en)) .area_warning .special .area_alert .aat_scene{
	  padding-bottom: 2.1em;
}

html:not(:lang(en)) .area_warning .special .aat_scene{
	  padding-bottom: calc(2.5em - 6px);
}


.area_warning .special .header_special>div.active a{
	color:#c10038;
}


@media screen and (max-width: 979px){
	
	body .area_warning .special .aat_scene{
	    padding-left: 10px;
	}

	.area_warning .special .header_special>div{
		width:100%;
	}
	
	.mainpage0 #flexslider_sw{
		max-height:100%;
	}
	
	.mainpage0 #flexslider_sw .slides{
		max-height: 100%; 	
	}
	
	body .area_warning #flexslider_sw .flex-pauseplay{
		    bottom: 0;
			top: auto !important;
			position: absolute;
	}
	
	body .area_warning .special .header{
		height:51px;
	}
	
	body .mainpage0 .special .area_alert{
		height:auto;
	}
	
	.area_warning .special .header_special{
		width:100%;
	}
	
	body .area_warning .special .header_special>div{
		width:100%;
		padding-left: 10px;
	}
	
	body .area_warning .special .header_special>div a{
		/*font-size:0.9em;*/ /* commented to prevent SWT font inconsistent*/
	}
	
	
	.area_warning #flexslider_sw{
		padding-bottom:0;
	}
	
	
	body .area_warning .special .header_special>div.active{
		padding-left: 10px;
	}
	

	
	body #flexslider_sw .flex-pauseplay{
		position: unset;
		width: 100%;
		margin-left: -5.7em;
	}
	
	body #flexslider_sw .flex-pauseplay a{
		text-align: right;
		width: 100%;
	}
	
	.area_warning .special>div:nth-child(3).active{
		background-color: rgba(255, 255, 255, 0.8);
		border-bottom: 2px solid #c10038;
		
	}
	
	.area_warning .special .area_alert .header{
			display:none;
	}
	
	.area_warning .special>div:nth-child(3).active a{
		 color: #c10038;
		 text-decoration:none;
	}
	
	
	.area_warning .special>div:nth-child(3){
		background-color: rgba(228, 228, 228, 0.8);
		padding: 12px 20px 8px 20px;
		padding-left: 10px;
	}
	
	 .area_warning .special>div:nth-child(3)>a{
		    color: #444;	
			font-size: 1.4em ;
	}
	
/*	.area_warning .special{
		box-shadow: 4px 10px 20px rgba(0, 0, 0, 0.14), 4px 6px 6px rgba(0, 0, 0, 0.18);
	}*/
	
	.area_warning .special .aat_scene{
		 box-shadow: unset;
	}
	
	.area_alert2 .header{
		display:none;
	}
	
	.area_warning .special .area_alert2_content .right{
		padding-bottom: 2em;
	}
	
	body .mainpage0 .special .flex_control_area{
	  bottom: 3px !important;
	}
	
	/*arrow*/
	.area_warning .special .header_special>div.active a:after,.area_warning .special>div:nth-child(3).active a:after{
		content:"";
		background-image:url("../common/images/arrow_active_down.png");
		width: 30px;
		position: absolute;
		right: 5px;
		height: 30px;
		background-repeat: no-repeat;
		margin-top: 10px;
	}
	
	.area_warning .special .header_special>div a:after,.area_warning .special>div:nth-child(3) a:after{
		content:"";
		background-image:url("../common/images/arrow_tab_up.png");
		width: 30px;
		position: absolute;
		right: 5px;
		height: 30px;
		background-repeat: no-repeat;
		margin-top: 10px;
	}
	
	.area_warning .special .header_special{
		    overflow:hidden;
		    position: unset;
	}
	
	.area_warning .special .aat_scene{
		padding-bottom: 1.25em;
	}
	
	.area_warning .special .area_alert2_content .right p{
		margin:0;
	}
	
	.area_warning .special .area_alert2_content .right{
	    padding-bottom: 1em;
	}
	
	body .mainpage0 .special .area_alert .flex_control_area{
		bottom:0;
	}
	
	body .area_warning #flexslider_sw .flex-pauseplay{
		bottom:0 !important;
	}
	
	
	/* body .area_warning .awn_more>div:nth-child(2):hover>ul{
		height:auto;
		opacity:1;
		 visibility: unset;
	} */
	
	.showList>ul{
		height:auto !important;
		opacity:1 !important;
		 visibility: unset !important;
		 position: relative !important;
	}
	
	
}


@media screen and (max-width: 360px){
	.area_warning .special .header_special>div:not(.active) a,.area_warning .special>div:nth-child(3) a:{
		font-size: 1.2em;
	}
	
	html:lang(en) .area_alert2 .flex_control_area{
		max-width: 179px;
		margin-left: auto;
		margin-right: 0;
	}
	
	.area_warning .special .aat_scene {
		padding-bottom: 2.25em;
	}
}

.area_warning .special .more{
	text-align:right;
}

.area_warning .special .more:before {
    content: unset;
    display: inline-block;
    vertical-align: baseline;
    width: 0px;
    height: 0px;
    margin-right: 12px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #1b5397;
}

@media screen and (min-width: 980px) and (max-width: 1250px){
	html:lang(en) body  .mainpage0 #flexslider_sw{
		    padding-bottom: 0;
	}
}

@media screen and (min-width: 980px) and (max-width: 1062px){
	html:not(:lang(en)) body  .mainpage0 #flexslider_sw{
		    padding-bottom: 0;
	}
}

body #warning_learn_more_list ul.show,
body .resource_list ul.show,
body .area_weather_forecast  ul.show{
	visibility:visible !important;
	opacity:1  !important;
}
@media screen and (min-width: 980px) {
	.hvNew_forecaster_block {
		top: 365px;
	}
}
.hvNew_forecaster_block { display: block; background-color: #0A3181; color: #FFFFFF; padding: 12px; width: 100%; max-width: 420px; position: absolute; 
	/* bottom: -40px;  */
	/* top: 365px; */
	right: 0px; border-radius: 3px; margin-top: 15px; }
.hvNew_title_block { border-bottom: 2px solid #FFFFFF; margin-bottom: 12px; }
.hvNew_title_link { display: block; padding-bottom: 1px; color: #FFFFFF; text-decoration: none; text-underline-offset: 8px }
.hvNew_title_link:focus, .hvNew_title_link:hover, .hvNew_title_link:active { color: #FFFFFF;   }
.hvNew_title_text { margin-left: 6px; vertical-align: middle; font-size: 28px; font-weight: bold; }
.hvNew_post_block { margin-left: 46px; }
.hvNew_post_link { color: #FFFFFF; font-size: 21px; text-decoration: none; }
.hvNew_post_link:focus, .hvNew_post_link:hover, .hvNew_post_link:active { color: #FFFFFF; }
.hvNew_post_link span { margin: 0px; font-size: 15px; }

.hkhi_block{
	font-size: 16px;
	display: block;
    background-color: white;
    color: #0A3181;
    padding: 3px 0px;
    width: 100%;
    max-width: 420px;
    position: absolute;
    /* bottom: -50px; */
	top: 370px;
    right: 0px;
    /* border-radius: 3px; */

	
	/* height: 30px; */
}
.hkhi_icon{
	margin-right: 5px;
	height: 24px;
	margin: auto;
}
.ld_icon{
	height: 24px;
	margin: auto;
	padding-right: 10px;
    margin-right: 10px;
    border-right: 2px solid black;
}
.hkhi_control{
	cursor: pointer;
	display: inline-block;
	align-self: center;
}
.hkhi_brief{
	font-weight: bold;
	cursor: pointer;
    padding: 0px 12px;
	display: flex;
}
.hkhi_brief:hover .hkhi_brief_title{
	text-decoration: underline
}
.hkhi_brief_title{
	flex-grow: 1;
	align-self: center;
	padding: 0 5px;
	margin: 0;
}
.hkhi_detail{
    padding: 6px 12px;
	/* white-space: pre-line; */
	color: black;
	border-top: 1px groove #8080806e;
    margin-top: 3px;

}
.LD_reminder_subtitle{
	font-weight: bold;
}
.hsww_preventive_measures{
	color: blue;
    text-decoration: underline!important;
}
@media screen and (max-width: 979px){
	.hvNew_forecaster_block { position: relative; bottom: auto !important; right: auto; max-width: none; }
	.hvNew_title_link img { width: 30px; }
	.hvNew_title_text { font-size: 25px;	}
	.hvNew_post_block { margin-left: 36px; }
	.hvNew_post_link { font-size: 16px; }
	.hvNew_post_link span { font-size: 14px; }
	body .area_slogan, body .my_alert .area_slogan { margin-bottom: 0px!important; }

	.hkhi_block { position: relative; top: auto !important; right: auto; max-width: none; margin-top: 15px; }
}


/* added for higlights for mobile */

/* body .e_promotion_banner .flexslider .slides img {
			max-width: none;
			width: auto;
			min-width: 75%;
			max-width:75%;
			margin: auto;
} */

body .e_promotion_banner .area_highlights_for_mobile{
	height: auto;
	display:block;
	margin-top: 0px;
	background-color: #828CAA;
}

body .e_promotion_banner .area_highlights_for_mobile .mobile_highlights_header {
	font-size: 1.4em;
	padding: 10px;
	margin-bottom: 0;
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.16em
} 
#mobile_highlights_flexslider{
	padding-bottom: 15px;
}
#mobile_highlights_flexslider .flex-direction-nav{
	display: block  !important;
}
#mobile_highlights_flexslider a:before{
	color: rgba(255, 255, 255, 1);
	font-size: 20px;
	padding: 13px 7px;
}



#e_promotion_banner_swiper_mobile .swiper-wrapper .swiper-slide >div{
	max-width: 75%;
	min-width: 75%;
	margin: auto ;
}
#e_promotion_banner_swiper_mobile .swiper-wrapper .swiper-slide >div>a>img{
	width: 100%;
	border-radius: 10px;
}


#e_promotion_banner_swiper_tablet .swiper-wrapper  .isd-promotion #banner {
	width: 75% !important;
	margin: auto !important;
}
#e_promotion_banner_swiper_tablet .swiper-wrapper  .isd-promotion #banner>a>img {
	border-radius: 10px;
}
#e_promotion_banner_swiper_tablet .swiper-wrapper .swiper-slide >div{
	text-align: center;
}

#e_promotion_banner_swiper_tablet .swiper-wrapper .swiper-slide >div>a>img{
	width: 75%;
	border-radius: 10px;
}

#e_promotion_banner_swiper_tablet .swiper-button-next:after,
#e_promotion_banner_swiper_mobile .swiper-button-next:after
{
	margin-top: 30px;
	font-family: "flexslider-icon";
	content: '\f002';
	color: rgba(255, 255, 255, 1);
	font-size: 20px;
}
#e_promotion_banner_swiper_tablet .swiper-button-prev:after,
#e_promotion_banner_swiper_mobile .swiper-button-prev:after {
	margin-top: 30px;
	font-family: "flexslider-icon";
	content: '\f001';
	color: rgba(255, 255, 255, 1);
	font-size: 20px;
}